.ons-topo.topo {
  height: 47px !important;
}

#pagina .mpo .modulos ul li .title .info {
  /*display:none !important;*/
}

#pagina .g-recaptcha {
  overflow: hidden;
}

#pagina .g-recaptcha > div {
  max-width: 203px;
}

.header_mobile,
.hidden {
  display: none;
}

.ms-rtestate-field {
  font-family: Arial;
  font-size: 15px;
  color: #656266;
  width: 100%;
  max-width: 920px;
  display: block;
  margin: 0 auto;
  line-height: 26px;
}

div.article,
div.welcome {
  padding: 0;
}

.article-content,
.welcome-content {
  margin-top: 0;
}

header {
  width: 100%;
  position: relative;
  top: 0;
  z-index: 10;
  margin-bottom: -143px;
}

header .content,
#topo .content {
  width: calc(100% - 80px);
  max-width: 1170px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 40px;
}

header div.topo {
  float: right;
}

header div.topo > div {
  float: left;
}

header ul.topo {
  margin: 0 0 25px 0;
  padding: 10px 0;
  float: left;
  background-color: rgba(255, 255, 255, 0.2);
}

header ul.topo li {
  float: left;
  padding: 0px 8px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

header ul.topo li ul {
  display: none;
}

header ul.topo li:last-child {
  border-right: 0;
}

header ul.topo li a {
  font-family: Arial;
  font-size: 10px;
  color: #ffffff;
  text-transform: uppercase;
}

header .busca {
  width: 36px;
  height: 36px;

  background: rgba(255, 255, 255, 0.2) url(../img/icoBusca.png) no-repeat right
    10px center;
  display: block;
  float: left;
  cursor: pointer;
}

.icoYoutube {
  width: 36px;
  height: 36px;

  background: rgba(255, 255, 255, 0.2) url(../img/logo-youtube.png) no-repeat
    right 10px center;
  display: block;
  float: left;
  cursor: pointer;
}

.icoWhatsapp {
  width: 36px;
  height: 36px;
  padding-right: 44px;
  background: rgba(255, 255, 255, 0.2) url(../img/logo-whatsapp.png) no-repeat
    right 10px center;
  display: block;
  float: left;
  cursor: pointer;
}

.icoLinkedin {
  width: 36px;
  height: 36px;

  background: rgba(255, 255, 255, 0.2) url(../img/logo-linkedin.png) no-repeat
    right 10px center;
  display: block;
  float: left;
  cursor: pointer;
}

.icoFacebook {
  width: 36px;
  height: 36px;

  background: rgba(255, 255, 255, 0.2) url(../img/logo-facebook.png) no-repeat
    right 10px center;
  display: block;
  float: left;
  cursor: pointer;
}

.icoSpotify {
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.2) url(../img/spotify-seeklogo.png)
    no-repeat right 10px center;
  display: block;
  float: left;
  cursor: pointer;
}

.icoTwitter {
  width: 36px;
  height: 36px;

  background: rgba(255, 255, 255, 0.2) url(../img/logo-twitter.png) no-repeat
    right 10px center;
  display: block;
  float: left;
  cursor: pointer;
}

.icoInstagram {
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.2) url(../img/logo-instagram.png) no-repeat
    right 10px center;
  display: block;
  float: left;
  cursor: pointer;
}

.icoYoutubeCinza {
  width: 36px;
  height: 36px;

  background: rgba(255, 255, 255, 0.2) url(../img/logo-youtube-cinza.png)
    no-repeat right 10px center;
  display: block;
  float: left;
  cursor: pointer;
  opacity: 0.5;
}

.icoPlayStore {
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.2) url(../img/playStore.png) no-repeat right
    10px center;
  display: block;
  float: left;
  cursor: pointer;
  background-size: 48%;
  background-position: center;
}

.icoAppleStore {
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.2) url(../img/appleStore.png) no-repeat
    right 10px center;
  display: block;
  float: left;
  cursor: pointer;
  background-size: 50%;
  margin-top: 0px;
  /* padding-top: 27px; */
  /* padding-bottom: 16px; */
  background-position-y: 5px;
}

.icoLinkedinCinza {
  width: 36px;
  height: 36px;

  background: rgba(255, 255, 255, 0.2) url(../img/logo-linkedin-cinza.png)
    no-repeat right 10px center;
  display: block;
  float: left;
  cursor: pointer;
  opacity: 0.5;
}

.icoFacebookCinza {
  width: 36px;
  height: 36px;

  background: rgba(255, 255, 255, 0.2) url(../img/logo-facebook-cinza.png)
    no-repeat right 10px center;
  display: block;
  float: left;
  cursor: pointer;
  opacity: 0.5;
}

.icoSpotifyCinza {
  width: 36px;
  height: 36px;

  background: rgba(255, 255, 255, 0.2) url(../img/spotify-seeklogo-cinza.png)
    no-repeat right 10px center;
  display: block;
  float: left;
  cursor: pointer;
  opacity: 0.5;
}
.icoPlayStoreCinza {
  width: 38px;
  height: 36px;
  background: rgba(255, 255, 255, 0.2) url(../img/playStore-cinza.png) no-repeat
    right 10px center;
  display: block;
  /* float: left; */
  cursor: pointer;
  opacity: 0.4;
  background-size: 84%;
  background-position: center;
}
.icoAppleStoreCinza {
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.2) url(../img/appleStore-cinza.png)
    no-repeat right 10px center;
  display: block;
  float: left;
  cursor: pointer;
  opacity: 0.5;
  background-size: 57%;
  background-position-y: 3px;
}

.icoTwitterCinza {
  width: 36px;
  height: 36px;

  background: rgba(255, 255, 255, 0.2) url(../img/logo-twitter-cinza.png)
    no-repeat right 10px center;
  display: block;
  float: left;
  cursor: pointer;
  opacity: 0.5;
}

.icoInstagramCinza {
  width: 36px;
  height: 36px;

  background: rgba(255, 255, 255, 0.2) url(../img/logo-instagram-cinza.png)
    no-repeat right 10px center;
  display: block;
  float: left;
  cursor: pointer;
  opacity: 0.5;
}

.icoWhatsappCinza {
  width: 36px;
  height: 36px;

  background: rgba(255, 255, 255, 0.2) url(../img/logo-whatsapp-cinza.png)
    no-repeat right 10px center;
  display: block;
  float: left;
  cursor: pointer;
  opacity: 0.5;
}

header input.busca_texto {
  width: 0px;
  height: 36px;
  display: block;
  float: left;
  font-weight: bold;
  color: #ffffff;
  font-family: Arial;
  font-size: 12px;
  line-height: 36px;
  border: 0;
  padding: 0 0;
  outline: none;
  transition: width 0.5s ease;
  background-color: rgba(255, 255, 255, 0.2);
  margin-right: 0px;
  margin-left: 0px;
}

header input.busca_texto.aberto {
  width: 122px;
  padding: 0 5px;
}

header .idioma {
  width: 60px;
  padding-left: 10px;
  height: 36px;
  margin-left: 15px;
  margin-right: 15px;
  background: rgba(255, 255, 255, 0.2) url(../img/icoIdioma.png) no-repeat
    center left 10px;
  display: block;
  float: left;
  font-weight: bold;
  color: #ffffff;
  font-family: Arial;
  font-size: 12px;
  line-height: 36px;
  position: relative;
  text-align: center;
  cursor: pointer;
}

header .idioma a {
  width: 60px;
  padding-left: 10px;
  height: 25px;
  margin-left: -10px;
  background: rgba(255, 255, 255, 0.2);
  display: block;
  float: left;
  font-weight: bold;
  color: #ffffff;
  font-family: Arial;
  font-size: 12px;
  line-height: 25px;
  position: relative;
  text-align: center;
  display: none;
}

header .idioma:after {
  content: "";
  display: inline-block;
  background-image: url(../img/icoSetaBaixo.png);
  width: 8px;
  height: 4px;
  position: absolute;
  right: 5px;
  top: 16px;
}

header .idioma.active a {
  display: block;
}

header .idioma.active:after {
  display: none;
}

header .logo {
  width: 257px;
  height: 59px;
  background-image: url(../img/logo.png);
  float: left;
  display: block;
  clear: both;
  margin-top: -10px;
}

header ul.menu {
  float: right;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 10px 0 25px;
  width: calc(100% - 310px);
}

header ul.menu li {
  display: block;
  padding: 5px 10px;
}

header ul.menu > li {
  float: left;
}

header ul.menu li a {
  font-family: "NeutraDisp-Medium";
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
}

header ul.menu > li:hover {
  background-color: #4d8ad8;
}

header ul.menu li:hover ul.submenu {
  display: block;
}

header ul.menu li ul.submenu {
  display: none;
  background-color: #4d8ad8;
  padding: 20px;
  position: absolute;
  margin-left: -10px;
}

header ul.menu li ul.submenu li {
  padding: 10px 0;
}

header ul.menu li ul.submenu li ul {
  display: none;
}

#container {
  width: 100%;
  overflow: hidden;
}

#container .right {
  width: 40%;
  float: right;
}

#container .right .content {
  padding: 40px 30px;
  width: calc(100% - 60px);
  max-width: 350px;
}

#container .left {
  width: 60%;
  float: left;
}

#container .left .content {
  padding: 40px 30px;
  width: calc(100% - 60px);
  max-width: 665px;
  float: right;
}

#container .noticias {
  width: 100%;
  background-color: #e4e3e4;
  display: none;
}

#container .noticias h2 {
  color: #5e7235;
  font-family: "NeutraDisp-Medium";
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 40px;
}

#container .noticias .content > a {
  text-align: left;
  font-family: Arial;
  font-size: 16px;
  color: #5e7235;
  line-height: 22px;
  padding: 20px 0 0;
  display: block;
}

#container .sala_imprensa .noticias .content > a {
  color: #f4700e;
}

#container .noticias ul li {
  margin-bottom: 35px;
  overflow: hidden;
}

#container .noticias ul li:last-child {
  margin-bottom: 0;
}

#container .noticias ul li .conteudo {
  width: calc(100% - 50px);
  margin-right: 20px;
  float: left;
}

#container .noticias ul li .conteudo span.data {
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  color: #5e7235;
  display: block;
  margin-bottom: 10px;
}

#container .noticias ul li .conteudo span.texto {
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  color: #5e7235;
  display: inline-block;
  line-height: 20px;
  min-height: 40px;
}

#container .noticias ul li .conteudo span.share {
  background-image: url(../img/icoCompartilhar.png);
  width: 9px;
  height: 11px;
  margin: 0 5px;
  display: inline-block;
  cursor: pointer;
}

#container .noticias ul li .conteudo span.resumo {
  font-family: Arial;
  font-size: 16px;
  color: #5e7235;
  display: inline-block;
  line-height: 20px;
}

#container .noticias ul li > a {
  background-color: #c5c9bc;
  float: left;
  width: 30px;
  height: 60px;
  margin-top: 26px;
}

#container .noticias ul li > a:before {
  content: "";
  background-image: url(../img/icoSetaDireita.png);
  width: 11px;
  height: 21px;
  margin: 18px 0 0 10px;
  display: block;
}

#container .grafico {
  width: 100%;
  overflow: hidden;
  background-color: #f4700e;
  display: none;
}

#container .grafico .chart {
  width: 100%;
  height: 340px;
  float: left;
}

#container .grafico h2 {
  color: #ffffff;
  font-family: "NeutraDisp-Medium";
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: inline-block;
}

#container .grafico ul {
  float: right;
  width: 366px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: -20px;
}

#container .grafico ul li {
  width: 120px;
  float: left;
  padding-bottom: 5px;
  border-bottom: 5px solid #fef500;
  text-transform: uppercase;
  line-height: 15px;
}

#container .grafico ul li a {
  font-family: Arial;
  font-size: 11px;
  color: #fef500;
}

#container .grafico ul li.active {
  border-bottom: 5px solid #e4e3e4;
}

#container .grafico ul li.active a {
  color: #e4e3e4;
}

#container .dados {
  width: 100%;
  background-color: #49611a;
  overflow: hidden;
  display: none;
}

#container .dados ul li {
  margin-bottom: 65px;
  width: calc(50% - 10px);
  height: 185px;
  float: left;
  overflow: hidden;
}

#container .dados ul li:nth-child(even) {
  margin-left: 10px;
}

#container .dados ul li:nth-child(odd) {
  margin-right: 10px;
}

#container .dados .image {
  width: 100%;
  height: 90px;
  margin-bottom: 10px;
  overflow: hidden;
  float: left;
  background-size: cover;
}

#container .dados .conteudo {
  float: left;
  width: 100%;
}

#container .dados h3 {
  font-family: "NeutraDisp-Medium";
  font-size: 21px;
  color: #fcc81a;
  text-transform: uppercase;
  margin-bottom: 10px;
  line-height: 27px;
}

#container .dados span {
  font-family: Arial;
  font-size: 16px;
  color: #ffffff;
  line-height: 22px;
}

#container .destaques_editoriais {
  width: 100%;
  overflow: hidden;
}

#container .destaque {
  width: 50%;
  float: left;
  overflow: hidden;
}

#container .editoriais {
  width: 100%;
  display: none;
}

#container .editoriais .content {
  padding: 40px;
  min-height: 400px;
  background-size: cover;
  display: block;
}

#container .editoriais .conteudo {
  width: 100%;
  max-width: 475px;
  overflow: hidden;
}

#container .editoriais h3 {
  font-family: "NeutraDisp-Medium";
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

#container .editoriais span {
  font-family: Arial;
  font-size: 16px;
  line-height: 22px;
}

#container .editoriais.editoriais_1 .content {
  background-color: #4d8ad8;
}

#container .editoriais.editoriais_1 .conteudo {
  float: right;
}

#container .editoriais.editoriais_1 h3,
#container .editoriais.editoriais_1 span {
  color: #ffffff;
}

#container .editoriais.editoriais_2 .content {
  background-color: #fcc81a;
}

#container .editoriais.editoriais_2 .conteudo {
  float: left;
}

#container .editoriais.editoriais_2 h3,
#container .editoriais.editoriais_2 span {
  color: #49611a;
}

#container .webdoor {
  width: 100%;
  overflow: hidden;
  display: none;
}

#container .webdoor .background {
  width: 100%;
  min-height: 590px;
  background-size: cover;
  display: block;
}

#container .webdoor .content {
  width: calc(100% - 80px);
  padding: 190px 40px 0;
  max-width: 1170px;
  margin: 0 auto;
}

#container .webdoor .conteudo {
  width: 100%;
  max-width: 580px;
  float: left;
}

#container .webdoor h3 {
  font-family: "NeutraDisp-Medium";
  font-size: 48px;
  line-height: 55px;
  color: #ffffff;
  text-transform: uppercase;
  min-height: 165px;
}

#container .webdoor span {
  font-family: "NeutraDisp-Medium";
  font-size: 24px;
  color: #ffffff;
  text-transform: uppercase;
  min-height: 26px;
  display: inline-block;
}

#container .webdoor .custom-navigation {
  clear: both;
}

#container .webdoor .custom-navigation a {
  font-family: "NeutraDisp-Medium";
  font-size: 72px;
  color: #ffffff;
  margin-right: 20px;
}

#container .webdoor .sem_webdoor .custom-navigation,
#container .webdoor .sem_webdoor h3,
#container .webdoor .sem_webdoor span {
  display: none;
}

#container .webdoor .sem_webdoor .background {
  min-height: 170px;
}

#container .alertas {
  width: 100%;
  overflow: hidden;
  display: none;
}

#container .alertas .content {
  width: calc(100% - 80px);
  padding: 0 40px;
  max-width: 1170px;
  margin: 10px auto;
  overflow: hidden;
}

#container .alertas .icone {
  width: 160px;
  height: 110px;
  background-color: transparent;
  float: left;
  text-align: center;
  line-height: 105px;
  font-family: Arial;
  font-size: 10px;
  text-transform: uppercase;
}

#container .alertas .seta {
  float: left;
  margin: -1px 30px 0 -1px;
  width: 0;
  height: 0;
  border-top: 56px solid transparent;
  border-bottom: 56px solid transparent;
  border-left: 56px solid transparent;
}

#container .alertas .conteudo {
  float: left;
  margin-top: 10px;
  width: calc(100% - 245px);
  overflow: hidden;
}

#container .alertas h3 {
  font-family: "NeutraDisp-Medium";
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 12px;
}

#container .alertas span {
  font-family: Arial;
  font-size: 16px;
  width: 100%;
  display: inline-block;
  margin-bottom: 15px;
}

#container .alertas a {
  font-family: Arial;
  font-size: 14px;
  background-color: #e4e3e4;
  padding: 3px 5px;
}

#container .alertas a[href="#"] {
  display: none;
}

#container .alertas .content.transmissao .icone {
  background: #608e04 url("../img/icoTransmissao.png") no-repeat center center;
}

#container .alertas .content.transmissao .icone:after {
  content: "ao vivo";
  color: #ffffff;
}

#container .alertas .content.transmissao .seta {
  border-left-color: #608e04;
}

#container .alertas .content.semlink h3 {
  margin-top: 15px;
}

#container .alertas .content.transmissao h3,
#container .alertas .content.transmissao span,
#container .alertas .content.transmissao a {
  color: #608e04;
}

#container .alertas .content.ocorrencia .icone {
  background: #ce172b url("../img/icoOcorrencia.png") no-repeat center center;
}

#container .alertas .content.ocorrencia .seta {
  border-left-color: #ce172b;
}

#container .alertas .content.ocorrencia h3,
#container .alertas .content.ocorrencia span,
#container .alertas .content.ocorrencia a {
  color: #ce172b;
}

#container .alertas .content.informacao .icone {
  background: #4d8ad8 url("../img/icoOcorrencia.png") no-repeat center center;
}

#container .alertas .content.informacao .seta {
  border-left-color: #4d8ad8;
}

#container .alertas .content.informacao h3,
#container .alertas .content.informacao span,
#container .alertas .content.informacao a {
  color: #4d8ad8;
}

footer {
  height: auto;
  width: 100%;
  overflow: hidden;
}

.displayNone {
  display: none;
}

footer.mobile {
  display: none;
}

footer .content {
  width: calc(100% - 80px);
  max-width: 1170px;
  padding: 65px 40px;
  margin: 0 auto;
  overflow: hidden;
}

footer .content > span {
  display: flex;
  justify-content: space-between;
}

footer span div.footer_copyright {
  margin-top: 10px;
  color: #969696;
  font-family: "NeutraDisp-Medium";
  font-size: 16px;
  align-items: center;
  display: flex;
}

footer span div.footer_copyright .year {
  color: #969696;
  font-family: "NeutraDisp-Medium";
  font-size: 16px;
  margin-left: 3px;
}

footer .icons_footer {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 12px;
}

footer ul {
  float: right;
}

footer ul li {
  float: left;
  padding: 0 15px;
  border-right: 1px solid #969696;
}

footer ul li:last-child {
  border-right: 0;
  padding-right: 0;
}

footer ul li:first-child {
  padding-left: 0;
}

footer ul li a {
  color: #969696 !important;
  font-family: "NeutraDisp-Medium";
  font-size: 16px;
  text-decoration: none;
}

footer ul li a:hover {
  text-decoration: underline;
}

footer ul li ul {
  display: none;
}

footer div.content > div {
  float: right;
}

#menu {
  width: 100vw;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  left: 100vw;
  top: 0;
  position: absolute;
  transition: all 0.4s ease-out;
  background-color: #8c898c;
  overflow: hidden;
  display: none;
  z-index: 15;
}

#menu .content {
  width: calc(100% - 40px);
  padding: 20px;
  float: left;
  overflow: hidden;
}

#menu .content:first-child {
  background-color: #656266;
}

#menu .logo {
  width: 151px;
  height: 35px;
  background-image: url(../img/logoMobile.png);
  float: left;
  display: block;
}

#menu .fechar {
  width: 17px;
  height: 18px;
  background-image: url(../img/icoFechar.png);
  float: right;
  margin-top: 8px;
  display: block;
}

#menu input {
  color: #ffffff;
  font-family: Arial;
  font-size: 12px;
  padding: 10px 15px;
  width: calc(100% - 60px);
  background-color: #8c898c;
  border: 0;
  float: left;
  margin-top: 40px;
  outline: none;
  border-radius: 0;
}

#menu .busca {
  width: 30px;
  height: 34px;
  background: url(../img/icoBusca.png) no-repeat center center;
  float: left;
  background-color: #8c898c;
  margin-top: 40px;
}

#menu .menu {
  overflow: hidden;
  margin-top: 40px;
  float: left;
  width: 100%;
}

#menu .menu > li {
  width: 100%;
  margin-bottom: 30px;
  background: url(../img/icoSubmenu.png) no-repeat center right;
}

#menu .menu.submenu > li {
  background: none;
}

#menu .menu li:last-child {
  margin-bottom: 0;
}

#menu .menu li a {
  font-family: "NeutraDisp-Medium";
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
}

#menu .menu li a br {
  display: none;
}

#menu ul.menu.submenu {
  margin-bottom: 50px;
}

#menu ul.submenu,
#menu .voltar {
  display: none;
}

#menu .bottom,
#menu .topo {
  overflow: hidden;
  float: left;
  width: 100%;
}

#menu .submenu2 {
  display: none;
}

#menu .bottom li,
#menu .topo li {
  width: 100%;
  margin-bottom: 15px;
}

#menu .bottom li:last-child,
#menu .topo li:last-child {
  margin-bottom: 0;
}

#menu .bottom li a,
#menu .topo li a {
  font-family: Arial;
  font-size: 11px;
  color: #ffffff;
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
}

#menu .bottom li a,
#menu .topo li.icones a {
  width: 36px;
}

#menu .bottom li a,
#menu .topo li.icones .icoYoutube {
  background: url(../img/logo-youtube.png) no-repeat right 10px center;
}
#menu .bottom li a,
#menu .topo li.icones .icoLinkedin {
  background: url(../img/logo-linkedin.png) no-repeat right 10px center;
}

#menu .bottom li a,
#menu .topo li.icones .icoFacebook {
  background: url(../img/logo-facebook.png) no-repeat right 10px center;
}

#menu .bottom li a,
#menu .topo li.icones .icoSpotify {
  background: url(../img/spotify-seeklogo.png) no-repeat right 10px center;
}

#menu .bottom li a,
#menu .topo li.icones .icoTwitter {
  background: url(../img/logo-twitter.png) no-repeat right 10px center;
}

#menu .bottom li a,
#menu .topo li.icones .icoInstagram {
  background: url(../img/logo-instagram.png) no-repeat right 10px center;
}

#menu .bottom li a,
#menu .topo li.icones .icoWhatsapp {
  background: url(../img/logo-whatsapp.png) no-repeat right 10px center;
}

#menu .bottom li a,
#menu .topo li.icones .icoPlayStore {
  background: url(../img/playStore.png) no-repeat right 10px center;
  background-size: 48%;
  background-position: center;
}

#menu .bottom li a,
#menu .topo li.icones .icoAppleStore {
  background: url(../img/appleStore.png) no-repeat right 10px center;
  background-size: 50%;
  margin-top: 0px;
  /* padding-top: 27px; */
  /* padding-bottom: 16px; */
  background-position-y: 5px;
}

#menu .bottom.voltar li {
  background: url(../img/icoSubmenuVoltar.png) no-repeat center left;
  padding-left: 20px;
}

#menu .bottom.voltar li a {
  font-family: "NeutraDisp-Medium";
  font-size: 14px;
  color: #ffffff;
}

#topo {
  width: 100%;
  height: 215px;
  padding-top: 140px;
  background-image: url(../img/backgroundTopo.png);
  background-size: cover;
}

#topo .container {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

#topo .content {
  padding: 15px 40px 15px;
}

#topo label {
  font-family: "NeutraDisp-Medium";
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
  display: inline-block;
}

#topo h1 {
  font-family: "NeutraDisp-Medium";
  font-size: 28px;
  color: #ffffff;
  text-transform: uppercase;
}

#topo h1 .share {
  background-image: url(../img/icoCompartilharBranco.png);
  width: 28px;
  height: 28px;
  margin: -4px 5px;
  display: inline-block;
  cursor: pointer;
}

#pagina {
  max-width: 1170px;
  margin: 50px auto 0;
  padding: 1px 40px 0px 40px; /*padding-top 1px for safari fix*/
}

#pagina h1 {
  font-family: "NeutraDisp-Medium";
  font-size: 24px;
  color: #f4700e;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 60px;
}
#pagina h1 span {
  font-family: "NeutraDisp-Medium";
}

#pagina .sala_imprensa h3 {
  font-family: Arial;
  font-size: 16px;
  margin-bottom: 5px;
  margin-left: 7px;
}

#pagina h4 {
  font-family: "NeutraDisp-Medium";
  font-size: 24px;
  color: #49611a;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 20px;
}

#pagina h6.subtitulo {
  font-family: Arial;
  font-size: 21px;
  color: #333333;
  text-align: center;
  margin-bottom: 20px;
}

#pagina ul.filtros {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 60px;
  list-style: none;
}

#pagina .glossario > ul.filtros {
  gap: 0 25px;
}

#pagina ul.filtros.border {
  border-bottom: 1px solid #e4e3e4;
  gap: 0 25px;
}

#pagina ul.filtros li.c2 {
  width: 50%;
}

#pagina ul.filtros li.c3 {
  width: 32%;
}

#pagina ul.filtros li.c4 {
  width: 25%;
}

#pagina ul.filtros li.label {
  text-align: right;
  font-family: Arial;
  font-size: 13px;
  line-height: 40px;
}

#pagina ul.filtros li input,
#pagina ul.filtros li select {
  width: 100%;
  height: 30px;
  padding: 5px 10px;
  border: 1px solid #e4e3e4;
  outline: none;
  font-family: Arial;
  font-size: 13px;
}

#pagina ul.filtros li input.buscar {
  width: calc(100% - 50px);
  border-right: 0px;
  float: left;
}

#pagina ul.filtros li div.buscar {
  float: left;
  width: 50px;
  border: 1px solid #e4e3e4;
  height: 30px;
  border-left: 0px;
  background: url(../img/icoBuscaAzul.png) center center no-repeat;
  cursor: pointer;
}

#pagina ul.filtros.border input,
#pagina ul.filtros.border select,
#pagina ul.filtros.border div.buscar {
  border-bottom: 0;
}

ul.lista {
  width: 100%;
  margin-bottom: 60px;
  list-style: none;
}

ul.lista li {
  width: 100%;
  background-color: #f4f4f4;
  margin-bottom: 10px;
  overflow: hidden;
}

ul.lista .conteudo {
  width: calc(100% - 80px);
  padding: 10px 15px 10px 20px;
  float: left;
}

ul.lista a {
  display: inline-block;
  float: right;
  height: 80px;
  width: 45px;
  background: #f4700e url(../img/icoLink.png) center center no-repeat;
}

ul.lista a[href="#"] {
  background-color: #f9a515;
  cursor: default;
}

ul.lista span {
  font-family: Arial;
  font-size: 12px;
  color: #656266;
}

ul.lista p {
  font-family: Arial;
  font-weight: bold;
  font-size: 18px;
  color: #4d8ad8;
  margin-top: 10px;
}

#pagina .menu-nivel-3 {
  margin-top: -50px;
  margin-bottom: 50px;
  overflow: hidden;
  display: none;
}

#pagina .menu-nivel-3 ul {
  list-style: none;
}

#pagina .menu-nivel-3 ul li {
  float: left;
  margin-right: 20px;
  padding-top: 15px;
}

#pagina .menu-nivel-3 ul li a {
  font-family: "NeutraDisp-Medium";
  text-transform: uppercase;
  color: #4c8ad5;
}

#pagina .menu-nivel-3 ul li.active {
  border-top: 5px solid #4c8ad5;
  padding-top: 10px;
}

#pagina .menu-nivel-3 ul li.active a {
  color: #656266 !important;
}

#pagina span.nenhum {
  font-family: Arial;
  font-size: 13px;
}

#pagina div.vermais {
  width: 150px;
  margin: 0 auto;
  text-align: center;
  padding-top: 50px;
  color: #4d8ad8;
  font-family: "NeutraDisp-Medium";
  text-transform: uppercase;
  cursor: pointer;
  background: url(../img/icoVerMais.png) center top no-repeat;
}

#pagina div.vermais:after {
  content: "Carregar mais";
}

#pagina .list-noticias + div.vermais {
  margin-top: 50px;
}

#pagina .patrocinios {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
}

#pagina .patrocinios.opniao {
  max-width: 1170px;
}

#pagina .patrocinio {
  width: calc(50% - 17px);
  margin-bottom: 35px;
  float: left;
}

#pagina .patrocinio a.image {
  border-top: 3px solid #4d8ad8;
  width: 100%;
  height: 185px;
  background-size: cover;
  display: block;
  margin-bottom: 15px;
}

#pagina .patrocinio h3 {
  font-family: Arial;
  font-size: 24px;
  color: #4d8ad8;
  margin-bottom: 20px;
}

#pagina .patrocinio span {
  font-family: Arial;
  font-size: 16px;
  line-height: 22px;
  color: #656266;
}

#pagina .patrocinios .patrocinio:nth-child(odd) {
  margin-right: 34px;
}

#pagina .patrocinios .categoria h2 {
  font-family: "NeutraDisp-Medium";
  text-transform: uppercase;
  font-size: 24px;
  color: #49611a;
  text-align: center;
  margin-bottom: 20px;
}

#pagina .patrocinios .categoria span {
  font-family: Arial;
  font-size: 16px;
  color: #656266;
  line-height: 20px;
}

#pagina .patrocinios .items {
  margin: 30px 0;
  position: absolute;
  left: 0;
  width: 100%;
}

#pagina .patrocinios.opniao .items {
  position: static;
}

#pagina .patrocinios .item {
  overflow: hidden;
  display: flex;
  align-items: center;
}

#pagina .patrocinios.opniao .item {
  margin-bottom: 30px;
}

#pagina .patrocinios .item .content {
  width: calc(100% - 80px);
  max-width: 1170px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 40px;
}

#pagina .patrocinios .item .image {
  display: block;
  background-size: cover;
  width: 575px;
  height: 390px;
  float: left;
}

#pagina .patrocinios.opniao .item .image {
  height: 250px;
  width: 370px;
}

#pagina .patrocinios.opniao .item .image {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto;
}

#pagina .patrocinios .item .conteudo {
  padding: 10px 0;
  float: left;
  width: calc(100% - 635px);
  margin: 0 30px;
}

#pagina .patrocinios.opniao .item .conteudo {
  width: calc(100% - 415px);
}

#pagina .patrocinios .item h3 {
  font-family: "NeutraDisp-Medium";
  text-transform: uppercase;
  font-size: 24px;
  margin-bottom: 10px;
}

#pagina .patrocinios .item h6 {
  font-family: Arial;
  font-size: 15px;
  margin-top: -5px;
  margin-bottom: 10px;
}

#pagina .patrocinios .item span {
  font-family: Arial;
  font-size: 15px;
  line-height: 28px;
  color: #656266;
}

#pagina .patrocinios .item a {
  color: #4d8ad8;
}

#pagina .patrocinios .item:nth-child(3n + 1) {
  background-color: #e0e6f7;
}

#pagina .patrocinios .item:nth-child(3n + 1) h3,
#pagina .patrocinios .item:nth-child(3n + 1) h6 {
  color: #4d8ad8;
}

#pagina .patrocinios .item:nth-child(3n + 2) {
  background-color: #e4e3e4;
}

#pagina .patrocinios .item:nth-child(3n + 2) h3,
#pagina .patrocinios .item:nth-child(3n + 2) h6 {
  color: #4d8ad8;
}

#pagina .patrocinios .item:nth-child(3n + 0) {
  background-color: #d9ddce;
}

#pagina .patrocinios .item:nth-child(3n + 0) h3,
#pagina .patrocinios .item:nth-child(3n + 0) h6 {
  color: #6c7e46;
}

#pagina .voltar {
  font-family: "NeutraDisp-Medium";
  font-size: 14px;
  color: #4d8ad8;
  text-align: center;
  text-transform: uppercase;
  background-color: #ecf0fa;
  margin: 0 auto;
  padding: 10px;
  width: 200px;
  display: block;
  margin-top: 50px;
}

/* Procedimentos de Rede */
#pagina .procedimentos,
#pagina .historico {
  width: 100%;
  overflow: hidden;
}

#pagina .procedimentos ul.modulos,
#pagina .historico ul.modulos {
  width: 100%;
  list-style: none;
}

#pagina .procedimentos ul.modulos ul,
#pagina .historico ul.modulos ul {
  list-style: none;
}

#pagina .procedimentos ul.modulos > li,
#pagina .historico ul.modulos > li {
  background-color: #f4f4f4;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}

#pagina .procedimentos ul.modulos > li > button,
#pagina .historico ul.modulos > li > button {
  width: 65px;
  min-width: auto;
  height: 80px;
  background-color: #f4700e;
  border: 0;
  float: left;
  text-align: center;
  color: #ffffff;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font-family: monospace;
}

#pagina .procedimentos ul.modulos > li > button:after,
#pagina .historico ul.modulos > li > button:after {
  content: "+";
  display: block;
  line-height: 80px;
  font-size: 30px;
}

#pagina .procedimentos ul.modulos > li > button.active:after,
#pagina .historico ul.modulos > li > button.active:after {
  content: "-";
}

#pagina .procedimentos ul.modulos > li > section,
#pagina .historico ul.modulos > li > section {
  width: calc(100% - 221px);
  padding: 15px;
  float: left;
}

#pagina .procedimentos.perguntas ul.modulos > li > section {
  width: calc(100% - 95px);
}

#pagina .procedimentos ul.modulos > li > section > div,
#pagina .historico ul.modulos > li > section > div {
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  color: #4d8ad8;
}

#pagina .procedimentos ul.modulos > li > section > p,
#pagina .historico ul.modulos > li > section > p {
  font-family: Arial;
  font-size: 16px;
  color: #4d8ad8;
}

#pagina .procedimentos ul.modulos > li > aside,
#pagina .historico ul.modulos > li > aside {
  width: 105px;
  height: 35px;
  padding: 23px 10px 22px;
  background-color: #e0e6f7;
  float: left;
  line-height: 18px;
}

#pagina .procedimentos ul.modulos > li > aside > a,
#pagina .historico ul.modulos > li > aside > a {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  color: #4d8ad8;
  text-transform: uppercase;
  text-align: center;
  display: block;
}

#pagina .procedimentos ul.modulos > li > aside > div,
#pagina .historico ul.modulos > li > aside > div {
  font-family: Arial;
  font-size: 11px;
  color: #656266;
  text-align: center;
}

#pagina .procedimentos .container,
#pagina .historico .container {
  width: 100%;
  clear: both;
  float: left;
}

#pagina .procedimentos .container.resposta {
  background-color: #ffffff;
  padding: 10px 10px 10px 80px;
  width: calc(100% - 90px);
  border-bottom: 1px solid #e0e6f7;
}

#pagina .procedimentos .container.resposta,
#pagina .procedimentos .container.resposta p {
  font-family: Arial;
  font-size: 16px;
  color: #656266;
  line-height: 20px;
}

#pagina .procedimentos ul.submodulos > li {
  border-bottom: 1px solid #e0e6f7;
  padding: 10px 0;
  overflow: hidden;
  background-color: #ffffff;
}

#pagina .procedimentos ul.submodulos > li:last-child {
  border-bottom: none;
}

#pagina .procedimentos ul.submodulos > li > a.button {
  width: 65px;
  min-width: auto;
  height: 60px;
  border: 0;
  float: left;
  text-align: center;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: block;
  background: url(../img/icoDocumento.png) no-repeat center center;
}

#pagina .procedimentos ul.submodulos > li > section {
  width: calc(100% - 221px);
  padding: 15px;
  float: left;
}

#pagina .procedimentos ul.submodulos > li > section > div {
  font-family: Arial;
  font-size: 16px;
  color: #656266;
}

#pagina .procedimentos ul.submodulos > li > section > p {
  font-family: Arial;
  font-size: 12px;
  color: #9f9da0;
}

#pagina .procedimentos ul.submodulos > li > aside {
  width: 105px;
  height: 35px;
  padding: 13px 10px 12px;
  float: left;
  line-height: 18px;
}

#pagina .procedimentos ul.submodulos > li > aside > a {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  color: #4d8ad8;
  text-transform: uppercase;
  text-align: center;
  display: block;
}

#pagina .procedimentos ul.submodulos > li > aside > div {
  font-family: Arial;
  font-size: 11px;
  color: #656266;
  text-align: center;
}

#pagina .historico ul.submodulos > li {
  border: 1px solid #e0e6f7;
  padding: 10px 0;
  overflow: hidden;
  background-color: #ffffff;
  border-top: 0;
}

#pagina .historico ul.submodulos > li:last-child {
  border-bottom: none;
}

#pagina .historico ul.submodulos > li > a.button {
  width: 65px;
  min-width: auto;
  height: 45px;
  border: 0;
  float: left;
  text-align: center;
  background-color: #ffffff;
  color: #f4700e;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: block;
  font-family: monospace;
}

#pagina .historico ul.submodulos > li > button:after {
  content: "+";
  display: block;
  line-height: 45px;
  font-size: 30px;
}

#pagina .historico ul.submodulos > li > button.active:after {
  content: "-";
}

#pagina .historico ul.submodulos > li > section {
  width: calc(100% - 95px);
  padding: 15px;
  float: left;
}

#pagina .historico ul.submodulos > li > section > div {
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  color: #4d8ad8;
}

#pagina .historico ul.historico {
  border-top: 1px solid #e0e6f7;
  width: calc(100% - 40px);
  clear: both;
  padding: 20px 20px 10px;
}

#pagina .historico ul.historico li {
  width: 100%;
  margin-bottom: 25px;
}

#pagina .historico ul.historico li:last-child {
  margin-bottom: 0;
}

#pagina .historico ul.historico li a {
  font-family: Arial;
  font-size: 16px;
  color: #4d8ad8;
}

#pagina .historico ul.historico li span {
  font-family: Arial;
  font-size: 13px;
  color: #9f9da0;
  margin-left: 20px;
  display: inline-block;
}

#pagina .mapas {
  width: 100%;
  max-width: 1110px;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 30px;
}

#pagina .mapa {
  width: 32%;
  min-height: 295px;
  margin-right: 2%;
  margin-bottom: 40px;
  float: left;
}

#pagina .mapa .image {
  width: 100%;
  height: 200px;
  background-size: cover;
  display: block;
  border-top: 5px solid #4d8ad8;
  margin-bottom: 10px;
}

#pagina .mapa.imagem .video {
  display: none;
}

#pagina .mapa.video .imagem {
  display: none;
}

#pagina .mapa h3 {
  font-family: Arial;
  font-size: 18px;
  color: #4d8ad8;
}

#pagina .mapa a {
  font-family: Arial;
  font-size: 11px;
  color: #4d8ad8;
  text-transform: uppercase;
}

#pagina .mapa.imagem {
  margin-right: 10px;
}

#pagina .mapa.imagem .imagem a[href="#"] {
  display: none;
}

#pagina .mapa p {
  font-family: Arial;
  font-size: 11px;
  color: #656266;
}

#pagina .mapa:nth-child(3n + 3) {
  margin-right: 0;
}

#pagina .mapa:nth-child(3n + 4) {
  clear: both;
}

#pagina .capacidade ul {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  list-style: none;
  overflow: hidden;
}

#pagina .capacidade li {
  width: 33%;
  float: left;
  background-position: 28px 80px;
  height: 208px;
}

#pagina .capacidade li .content {
  padding: 20px;
  width: calc(100% - 20px);
  overflow: hidden;
}

#pagina .capacidade li p {
  font-family: "Swiss721-BoldCondensed";
  font-size: 28px;
  color: #ffffff;
  text-transform: uppercase;
  width: 260px;
  float: left;
}

#pagina .capacidade li .content > div {
  float: right;
  width: 170px;
  text-align: right;
  overflow: hidden;
  margin-top: 20px;
}

#pagina .capacidade li span {
  font-family: "Swiss721-BoldCondensed";
  font-size: 20px;
  color: #ffffff;
  text-transform: uppercase;
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}

#pagina .capacidade li span:last-child {
  color: #fff400;
}

#pagina .capacidade li label {
  font-family: "Swiss721-BoldCondensed";
  font-size: 23px;
  color: #000000;
  box-shadow: 0px 15px 30px -10px rgba(0, 0, 0, 0.55);
  display: block;
  text-align: center;
  margin-bottom: 22px;
  font-weight: bold;
}

#pagina .capacidade li.hidreletrica {
  background-color: #3190ae;
  background-image: url(../img/icoNumeroHidreletrica.png);
  background-repeat: no-repeat;
}

#pagina .capacidade li.termgaslng,
#pagina .capacidade li.termgasgnl {
  background-color: #0759a5;
  background-image: url(../img/icoNumeroTerm.png);
  background-repeat: no-repeat;
}

#pagina .capacidade li.mmgd {
  background-color: #3c8953;
  background-image: url(../img/icoMMGD.png);
  background-repeat: no-repeat;
}

#pagina .capacidade li.eolica {
  background-color: #e61c4c;
  background-image: url(../img/icoNumeroEolica.png);
  background-repeat: no-repeat;
}

#pagina .capacidade li.biomassa {
  background-color: #afc94e;
  background-image: url(../img/icoNumeroBiomassa.png);
  background-repeat: no-repeat;
}

#pagina .capacidade li.termoleodiesel {
  background-color: #f38b10;
  background-image: url(../img/icoNumeroTerm.png);
  background-repeat: no-repeat;
}

#pagina .capacidade li.termcarvao {
  background-color: #753e91;
  background-image: url(../img/icoNumeroTerm.png);
  background-repeat: no-repeat;
}

#pagina .capacidade li.solar {
  background-color: #edb518;
  background-image: url(../img/icoNumeroSolar.png);
  background-repeat: no-repeat;
}

#pagina .capacidade li.solar span:last-child {
  color: #000000;
}

#pagina .capacidade li.nuclear {
  background-color: #e15197;
  background-image: url(../img/icoNumeroNuclear.png);
  background-repeat: no-repeat;
}

#pagina .capacidade li.outras {
  background-color: #4bbbaf;
}

#pagina .capacidade li:nth-child(1) {
  width: 66%;
  background-position: 45px 100px;
  height: 545px;
}

#pagina .capacidade li:nth-child(1) p {
  font-size: 40px;
  max-width: 100%;
}

#pagina .capacidade li:nth-child(1) label {
  font-size: 45px;
  margin: 60px 0 35px;
}

#pagina .capacidade li:nth-child(1) span {
  font-size: 45px;
}

#pagina .capacidade li:nth-child(1) .content > div {
  width: 245px;
  margin-right: 100px;
}

#pagina .capacidade li:nth-child(2) {
  background-position: 30px 75px;
  height: 545px;
}

#pagina .capacidade li:nth-child(2) p {
  font-size: 28px;
  max-width: 100%;
}

#pagina .capacidade li:nth-child(2) label {
  font-size: 38px;
  margin: 25px 0;
}

#pagina .capacidade li:nth-child(2) span {
  font-size: 38px;
}

#pagina .capacidade li:nth-child(2) .content > div {
  width: 100%;
  margin-top: 110px;
}

#pagina .capacidade li:nth-child(5) {
  background-position: 30px 80px;
  height: 416px;
}

#pagina .capacidade li:nth-child(5) p {
  font-size: 28px;
  max-width: 100%;
  width: 100%;
}

#pagina .capacidade li:nth-child(5) label {
  font-size: 30px;
}

#pagina .capacidade li:nth-child(5) span {
  font-size: 30px;
}

#pagina .capacidade li:nth-child(5) .content > div {
  width: 150px;
}

#pagina .capacidade li:nth-child(6),
#pagina .capacidade li:nth-child(7) {
  margin-top: -208px;
}

#pagina .capacidade li:nth-child(7) {
  margin-left: 33%;
}

#pagina .capacidade li:nth-child(3) br,
#pagina .capacidade li:nth-child(4) br,
#pagina .capacidade li:nth-child(6) br,
#pagina .capacidade li:nth-child(7) br,
#pagina .capacidade li:nth-child(8) br,
#pagina .capacidade li:nth-child(9) br,
#pagina .capacidade li:nth-child(10) br {
  display: none;
}

#pagina .capacidade li:nth-child(3) span,
#pagina .capacidade li:nth-child(4) span,
#pagina .capacidade li:nth-child(6) span,
#pagina .capacidade li:nth-child(7) span,
#pagina .capacidade li:nth-child(8) span,
#pagina .capacidade li:nth-child(9) span,
#pagina .capacidade li:nth-child(10) span {
  margin-bottom: 20px;
}

#pagina .capacidade li:nth-child(3) label,
#pagina .capacidade li:nth-child(4) label,
#pagina .capacidade li:nth-child(6) label,
#pagina .capacidade li:nth-child(7) label,
#pagina .capacidade li:nth-child(8) label,
#pagina .capacidade li:nth-child(9) label,
#pagina .capacidade li:nth-child(10) label {
  margin-bottom: 10px;
}

#pagina .capacidade li:nth-child(3) .content,
#pagina .capacidade li:nth-child(4) .content,
#pagina .capacidade li:nth-child(6) .content,
#pagina .capacidade li:nth-child(7) .content,
#pagina .capacidade li:nth-child(8) .content,
#pagina .capacidade li:nth-child(9) .content,
#pagina .capacidade li:nth-child(10) .content {
  padding: 20px;
  width: calc(100% - 0px);
}

#pagina .capacidade .total {
  width: 100%;
  height: 100px;
  max-width: 920px;
  overflow: hidden;
  margin: 0 auto;
}

#pagina .capacidade .total .content {
  width: 99%;
  background-color: #706e6f;
  min-height: 40px;
  padding: 30px 0;
}

#pagina .capacidade .total p {
  font-family: "Swiss721-BoldCondensed";
  font-size: 36px;
  color: #ffffff;
  margin: 0 44px;
  float: left;
}

#pagina .capacidade .total span {
  font-family: "Swiss721-BoldCondensed";
  font-size: 36px;
  color: #ffffff;
  margin: 0 25px;
}

#pagina .capacidade .total label {
  font-family: "Swiss721-BoldCondensed";
  font-size: 30px;
  color: #ffffff;
  margin: 0 30px;
}

#pagina .capacidade .total span.amarelo,
#pagina .capacidade .total label.amarelo {
  color: #fee800;
}

#pagina .extensao,
#pagina .energia {
  margin-top: 50px;
  max-width: 920px;
  margin: 50px auto 0;
}

#pagina .extensao ul {
  background: url(../img/extensao-da-rede-basica-de-transmissao.jpg) no-repeat;
  width: 99%;
  list-style: none;
  overflow: hidden;
  margin: 0 auto;
  float: left;
}

#pagina .extensao li {
  width: 100%;
  border-bottom: 10px solid #ffffff;
  overflow: hidden;
}

#pagina .extensao li p {
  font-family: "Swiss721-BoldCondensed";
  font-size: 32px;
  color: #ffffff;
  float: left;
  width: 34%;
  text-align: center;
  line-height: 55px;
}

#pagina .extensao li div.content {
  padding: 20px;
  width: calc(100% - 40px);
  overflow: hidden;
}

#pagina .extensao li div.content > div {
  float: left;
  width: 33%;
  text-align: left;
}

#pagina .extensao li div.content > div:last-child {
  text-align: right;
}

#pagina .extensao li label {
  font-family: "Swiss721-BoldCondensed";
  font-size: 28px;
  color: #ffffff;
  display: block;
}

#pagina .extensao li span {
  font-family: "Swiss721-BoldCondensed";
  font-size: 28px;
  color: #ffffff;
}
#pagina .extensao li .amarelo {
  color: #ffff00;
}

#pagina .extensao .total {
  width: 910px;
  list-style: none;
  overflow: hidden;
  background: #2e7ab6;
}

#pagina .extensao .total div.content {
  padding: 20px;
  width: calc(99% - 40px);
  overflow: hidden;
  float: left;
}

#pagina .extensao .total div.content > div {
  float: left;
  width: 33%;
  text-align: left;
}

#pagina .extensao .total div.content > div:last-child {
  text-align: right;
}

#pagina .extensao .total p {
  font-family: "Swiss721-BoldCondensed";
  font-size: 32px;
  color: #ffffff;
  float: left;
  width: 34%;
  text-align: center;
}

#pagina .extensao .total label {
  font-family: "Swiss721-BoldCondensed";
  font-size: 28px;
  color: #ffffff;
  display: block;
}

#pagina .extensao .total span {
  font-family: "Swiss721-BoldCondensed";
  font-size: 28px;
  color: #ffffff;
}

#pagina .energia .chart {
  width: 99%;
  height: 500px;
}

#pagina .bloco2 {
  width: 50%;
  float: left;
}

#pagina .box {
  width: calc(100% - 30px);
  max-width: 960px;
  margin: 0 auto 40px;
  border: 1px solid #e4e3e4;
  padding: 30px 15px;
}

#pagina .box h5 {
  font-family: Arial;
  font-size: 20px;
  color: #4d8ad8;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}

#pagina .box h5 span {
  color: #f4700e;
  margin-left: 5px;
}

#pagina .box .cabecalho {
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}

#pagina .box .cabecalho label {
  text-align: center;
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #8e8e8e;
  display: inline-block;
  float: left;
  line-height: 16px;
}

#pagina .box > .cabecalho label:nth-child(1) {
  width: 25%;
}

#pagina .box > .cabecalho label:nth-child(2) {
  width: 50%;
}

#pagina .box > .cabecalho label:nth-child(3) {
  width: 25%;
}

#pagina .box .bacia .cabecalho label:nth-child(1) {
  width: 75%;
}

#pagina .box .bacia .cabecalho label:nth-child(2) {
  width: 25%;
}

#pagina .box .bacia {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  border: 1px solid #e4e3e4;
  margin-bottom: 10px;
  overflow: hidden;
  background-color: #faf9fa;
}

#pagina .box .bacia .cabecalho {
  display: none;
}

#pagina .box .bacia:last-child {
  margin-bottom: 0;
}

#pagina .box .bacia .titulo {
  width: calc(25% - 1px);
  float: left;
  overflow: hidden;
  background-color: #e9f1fa;
  border-right: 1px solid #e4e3e4;
}

#pagina .box.armazenamento .bacia .titulo {
  width: calc(50% - 1px);
}

#pagina .box.armazenamento .bacia .situacao {
  width: calc(50% - 20px);
  padding-right: 20px;
}

#pagina .box.armazenamento .situacao ul {
  text-align: right;
}

#pagina .box .bacia.outros .situacao ul {
  display: none;
}

#pagina .box .bacia .titulo.outros {
  background-color: transparent;
  border-right: 0;
}

#pagina .box .bacia .titulo span {
  width: calc(100% - 40px);
  color: #4d8ad8;
  font-family: Arial;
  font-weight: bold;
  font-size: 22px;
  padding: 0 20px;
}

#pagina .box .bacia .titulo span:last-child {
  display: block;
  font-size: 16px;
}

#pagina .box .titulo ul {
  padding-top: 20px;
  list-style: none;
}

#pagina .box .titulo li {
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}

#pagina .box .reservatorio {
  width: 50%;
  float: left;
  overflow: hidden;
}

#pagina .box .reservatorio ul {
  width: calc(100% - 40px);
  color: #333333;
  font-family: Arial;
  font-weight: bold;
  font-size: 16px;
  list-style: none;
  padding: 20px 20px 0;
  overflow: hidden;
}

#pagina .box .reservatorio li {
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}

#pagina .box .reservatorio li span {
  width: 50%;
  text-align: right;
  display: inline-block;
  float: left;
}

#pagina .box .reservatorio li span:last-child {
  width: calc(50% - 10px);
  font-size: 15px;
  font-weight: normal;
  padding-left: 10px;
  text-align: left;
}

#pagina .box .situacao {
  width: 25%;
  float: left;
  overflow: hidden;
}

#pagina .box .situacao ul {
  width: 100%;
  color: #f4700e;
  font-family: Arial;
  font-weight: bold;
  font-size: 16px;
  list-style: none;
  overflow: hidden;
  padding-top: 20px;
  text-align: center;
}

#pagina .box .situacao li {
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}

#pagina .box.armazenamento .situacao ul {
  color: #333333;
}

#pagina .box.armazenamento .reservatorio ul li {
  border-bottom: 1px solid #e4e3e4;
}

#pagina .box p {
  margin: 10px 0 0 20px;
}

#pagina .regioes {
  width: 880px;
  height: 1050px;
  margin: -100px auto 0;
  overflow: hidden;
  background: url(../img/backgroundBalancoEnergetico.png) no-repeat center
    center;
  position: relative;
}

#pagina .regioes > div {
  position: absolute;
  min-width: 185px;
  border: 1px solid #e4e3e4;
  background-color: #ffffff;
}

#pagina .regioes h6 {
  padding: 12px 15px;
  border-bottom: 1px solid #e4e3e4;
  font-family: Arial;
  font-size: 20px;
  font-weight: bold;
}

#pagina .regioes .content {
  /*width: calc(100% - 10px);*/
  padding: 10px 20px 0;
}

#pagina .regioes .content:last-child {
  padding: 10px 20px 10px;
}

#pagina .regioes ul {
  overflow: hidden;
  list-style: none;
  width: 100%;
}

#pagina .regioes ul li {
  overflow: hidden;
  margin-bottom: 5px;
  width: 100%;
}

#pagina .regioes span {
  font-family: Arial;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 7px;
  display: inline-block;
  color: #828282;
}

#pagina .regioes p {
  font-family: Arial;
  font-size: 13px;
  line-height: 14px;
  font-weight: bold;
  float: left;
}

#pagina .regioes p.resp {
  float: right;
}

#pagina .regioes p.total {
  color: #000000 !important;
}

#pagina .regioes .norte {
  top: 205px;
  left: 55px;
}

#pagina .regioes .norte h6 {
  background-color: #f3f5d4;
  color: #aebc15;
  width: 100%;
}

#pagina .regioes .norte p {
  color: #aebc15;
}

#pagina .regioes .nordeste {
  top: 185px;
  right: 0px;
}

#pagina .regioes .nordeste h6 {
  background-color: #e9f1fa;
  color: #6495d6;
  width: 100%;
}

#pagina .regioes .nordeste p {
  color: #6495d6;
}

#pagina .regioes .sudeste {
  top: 542px;
  right: 0px;
}

#pagina .regioes .sudeste h6 {
  background-color: #f6debd;
  color: #eb7f30;
  width: 100%;
}

#pagina .regioes .sudeste p {
  color: #eb7f30;
}

#pagina .regioes .sul {
  bottom: 25px;
  right: 260px;
}

#pagina .regioes .sul h6 {
  background-color: #d6d6d6;
  color: #72777d;
  width: 100%;
}

#pagina .regioes .sul p {
  color: #72777d;
}

#pagina .regioes .internacional {
  bottom: 70px;
  left: 20px;
}

#pagina .regioes .internacional h6 {
  width: 100%;
}

#pagina .regioes > label {
  position: absolute;
  font-family: Arial;
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  padding: 5px;
}

#pagina .regioes > label:after {
  content: " ";
  position: absolute;
  width: 27px;
  height: 47px;
  background-image: url(../img/icoBalancoEnergeticoSetas.png);
}

#pagina .regioes > label.internacional_sul {
  bottom: 145px;
  left: 310px;
  width: 105px;
  border-bottom: 6px solid #198be2;
}

#pagina .regioes > label.internacional_sul:after {
  top: 9px;
  right: -3px;
}

#pagina .regioes > label.internacional_sul.reverse:after {
  left: -3px;
  top: 10px;
  right: initial;
  transform: rotate(180deg);
}

#pagina .regioes > label.sul_sudeste {
  bottom: 135px;
  right: 105px;
  width: 135px;
  height: 85px;
  line-height: 129px;
  padding: 0px !important;
  border-bottom: 6px solid #198be2;
  border-right: 6px solid #198be2;
}

#pagina .regioes > label.sul_sudeste:after {
  top: -14px;
  right: -17px;
  transform: rotate(270deg);
}

#pagina .regioes > label.sul_sudeste.reverse:after {
  left: -3px;
  top: 65px;
  right: initial;
  transform: rotate(180deg);
}

#pagina .regioes > label.sudeste_nordeste {
  top: 435px;
  left: 765px;
  text-align: left;
  border-left: 6px solid #198be2;
  height: 95px;
  line-height: 90px;
  width: 96px;
}

#pagina .regioes > label.sudeste_nordeste:after {
  top: -13px;
  right: 80px;
  transform: rotate(270deg);
}

#pagina .regioes > label.sudeste_nordeste.reverse:after {
  top: initial;
  bottom: -13px;
  transform: rotate(90deg);
}

#pagina .regioes > label.sudeste_norteFic {
  top: 340px;
  right: 369px;
  text-align: right;
  border-right: 6px solid #198be2;
  width: 130px;
  height: 300px;
  line-height: 300px;
}

#pagina .regioes > label.sudeste_norteFic:before {
  content: " ";
  position: absolute;
  width: 96px;
  height: 6px;
  background-color: #198be2;
  bottom: 0;
  right: -102px;
}

#pagina .regioes > label.sudeste_norteFic:after {
  top: -14px;
  right: -17px;
  transform: rotate(270deg);
}

#pagina .regioes > label.sudeste_norteFic.reverse:after {
  left: 206px;
  top: 274px;
  right: initial;
  transform: rotate(0deg);
}

#pagina .regioes > label.norteFic_nordeste {
  top: 275px;
  right: 200px;
  width: 130px;
  border-bottom: 6px solid #198be2;
}

#pagina .regioes > label.norteFic_nordeste:after {
  top: 9px;
  right: -3px;
}

#pagina .regioes > label.norteFic_nordeste.reverse:after {
  left: -3px;
  top: 10px;
  right: initial;
  transform: rotate(180deg);
}

#pagina .regioes > label.norte_norteFic {
  top: 275px;
  left: 260px;
  width: 205px;
  border-bottom: 6px solid #198be2;
}

#pagina .regioes > label.norte_norteFic:after {
  top: 9px;
  right: -3px;
}

#pagina .regioes > label.norte_norteFic.reverse:after {
  left: -3px;
  top: 10px;
  right: initial;
  transform: rotate(180deg);
}

#pagina .curva .chart {
  width: calc(60% - 20px);
  height: 250px;
  float: left;
  margin-right: 20px;
}

#pagina .curva .chartmedia {
  width: 100%;
  height: 350px;
  float: left;
}

#pagina .curva .chartmenor {
  width: calc(50% - 20px);
  height: 350px;
  float: left;
  margin-right: 20px;
  margin-top: 50px;
  margin-bottom: 50px;
}

#pagina .curva .chartmenor:last-child {
  margin-right: 0px;
  margin-left: 20px;
}

#pagina .curva .tabela {
  width: calc(40% - 22px);
  float: left;
  margin-left: 20px;
  margin-top: 20px;
  margin-bottom: 65px;
}

#pagina .curva .tabela .conteudo {
  border: 1px solid #e4e3e4;
  width: calc(100% - 30px);
  padding: 15px;
  margin-bottom: 5px;
}

#pagina .curva .tabela p {
  font-size: 13px;
  margin-left: 15px;
}

#pagina .curva .tabela h5 {
  margin-left: -15px;
  margin-top: -15px;
  margin-right: -15px;
  padding: 12px 15px;
  border-bottom: 1px solid #e4e3e4;
  background-color: #e9f1fa;
  color: #6495d6;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

#pagina .curva .tabela span {
  display: inline-block;
  width: 100%;
  font-family: Arial;
  font-weight: bold;
  font-size: 13px;
  color: #000000;
  line-height: 14px;
}

#pagina .curva .tabela hr {
  border-top: 1px solid #e4e3e4;
  margin: 5px 0;
}

#pagina .curva .tabela span.p {
  float: left;
  width: auto;
  font-weight: bold;
}

#pagina .curva .tabela .eolica span {
  color: #6495d6;
}

#pagina .curva .tabela .hidraulica span {
  color: #6495d6;
}

#pagina .curva .tabela .nuclear span {
  color: #6495d6;
}

#pagina .curva .tabela .termica span {
  color: #6495d6;
}

#pagina .curva .tabela .importacao span {
  color: #6495d6;
}

#pagina .curva .tabela span.r {
  float: right;
  width: auto;
}

#pagina .curva .tabela .row {
  width: 100%;
  overflow: hidden;
  margin-bottom: 5px;
}

#pagina .glossario .ons_reutilizavel div.documentos {
  margin-bottom: 40px;
}

#pagina table.lista {
  width: 100%;
}

#pagina table.lista tr {
  border-bottom: 20px solid #ffffff;
}

#pagina table.lista td {
  background-color: #f4f4f4;
  vertical-align: middle;
  padding: 15px;
}

#pagina table.lista td.download {
  background-color: #e0e6f7;
  text-align: center;
  width: 85px;
}

#pagina table.lista td.download div {
  font-family: Arial;
  font-size: 11px;
  color: #656266;
  text-align: center;
}

#pagina table.lista td p {
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  color: #4d8ad8;
}

#pagina .documentos table.lista td p {
  text-align: left;
}

#pagina table.lista td a {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  color: #4d8ad8;
  text-transform: uppercase;
  text-align: center;
  display: block;
}

#pagina table.lista td .info {
  float: left;
  margin-right: 20px;
}

#pagina table.lista td .info label,
#pagina table.lista td .info span {
  font-family: Arial;
  font-size: 12px;
  color: #656266;
  text-align: center;
}

#pagina table.lista td .info label {
  font-weight: bold;
}

#pagina .list-noticias {
  display: flex;
  align-items: start;
  justify-content: flex-start;
  gap: 1px;
  flex-wrap: wrap;
}

#pagina .list-noticias .noticia {
  background-color: #ecf0fa;
  min-height: 90px;
  display: flex;
  align-items: stretch;
  justify-content: start;
  width: 100%;
}

#pagina .list-noticias .noticia:nth-child(odd) {
  background-color: #f4f4f4;
}

#pagina .list-noticias .noticia .data {
  background-color: #f4700e;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 5px;
  width: 100px;
  flex-direction: column;
}

#pagina .list-noticias .noticia:nth-child(even) .data {
  background-color: #f9a515;
}

#pagina .list-noticias .noticia .data p {
  font-family: Arial;
  font-size: 36px;
  color: #ffffff;
}

#pagina .list-noticias .noticia .data span {
  font-family: Arial;
  font-size: 16px;
  color: #ffffff;
  text-transform: lowercase;
}

#pagina .list-noticias .noticia .info {
  padding: 20px;
  width: calc(100% - 100px);
}

#pagina .list-noticias .noticia .info p {
  font-family: Arial;
  font-size: 16px;
  color: #656266;
}

#pagina .list-noticias .noticia .info p span {
  font-weight: bold;
}

#pagina .list-noticias .noticia .info a {
  font-family: Arial;
  font-size: 16px;
  color: #4d8ad8;
  font-weight: bold;
  margin-bottom: 10px;
  display: inline-block;
}

#pagina .row {
  width: 100%;
  margin-bottom: 50px;
  overflow: hidden;
}

#pagina .row > div {
  float: left;
  width: calc(33% - 15px);
  margin-right: 15px;
}

#pagina .row > div:last-child {
  margin-left: 15px;
  margin-right: 0;
}

#pagina .row > div.large {
  width: calc(66% - 15px);
}

#pagina .row > div.meio {
  width: calc(50% - 15px);
}

#pagina .row > div.meio:last-child {
  margin-left: 5px;
  margin-right: 5px;
}

#pagina .sala_imprensa h2 {
  color: #333333;
  margin-bottom: 20px;
  font-family: "NeutraDisp-Medium";
  font-size: 24px;
  text-transform: uppercase;
  display: inline-block;
  min-height: 21px;
  width: 100%;
}

#pagina .sala_imprensa .noticias {
  background-color: transparent;
}

#pagina .sala_imprensa .noticias ul li {
  background-color: #f4f4f4;
  margin-bottom: 2px;
  padding: 15px;
  position: relative;
}

#pagina .sala_imprensa .noticias ul li .conteudo span.data {
  color: #333333;
  font-weight: normal;
}

#pagina .sala_imprensa .noticias ul li .conteudo span.texto {
  color: #86abd7;
}

#pagina .sala_imprensa .noticias ul li .conteudo span.share {
  background-image: url(../img/icoCompartilharAzul.png);
}

#pagina .sala_imprensa .noticias ul li .conteudo span.resumo {
  display: none;
}

#pagina .sala_imprensa .noticias ul li .conteudo span.texto:after {
  background-image: url(../img/icoCompartilharAzul.png);
}

#pagina .sala_imprensa .noticias ul li a {
  background: #ed6e11 url(../img/icoSetaDireita.png) no-repeat center center;
  position: absolute;
  top: 0;
  margin-top: 0;
  height: auto;
  right: 0;
  bottom: 0;
}

#pagina .sala_imprensa .noticias ul li a:before {
  display: none;
}

#pagina .sala_imprensa .mapa {
  width: 100%;
}

#pagina .sala_imprensa .imprensa {
  background-color: #4a611b;
  padding: 15px;
  width: calc(100% - 30px);
}

#pagina .sala_imprensa .imprensa p {
  color: #ffffff;
  font-family: Arial;
  font-size: 14px;
  margin-bottom: 0px;
}

#pagina .sala_imprensa .imprensa p.telefone {
  font-size: 16px;
}

#pagina .sala_imprensa .imprensa p.titulo {
  font-weight: bold;
}

#pagina .sala_imprensa .imprensa a {
  color: #c9bf4c;
}

#pagina .sala_imprensa .destaque {
  width: 100%;
}

#pagina .sala_imprensa .custo,
#pagina .sala_imprensa .ena,
#pagina .sala_imprensa .previsao,
#pagina .sala_imprensa .ear {
  margin-top: 6px;
}

#pagina .sala_imprensa .active {
  display: block;
}

#pagina .sala_imprensa .destaque table {
  width: 100%;
  table-layout: fixed;
}

#pagina .sala_imprensa .destaque .ear table,
#pagina .sala_imprensa .destaque .previsao table {
  min-width: 580px;
}

#pagina .sala_imprensa .destaque table th {
  background-color: #4a611b;
  color: #ffffff;
  font-family: Arial;
  font-size: 13px;
  text-transform: uppercase;
  vertical-align: middle;
  text-align: left;
  height: 20px;
  padding: 5px 10px;
}

#pagina .sala_imprensa .destaque table th.first {
  background-color: #608f05;
}

#pagina .sala_imprensa .destaque table th.center {
  text-align: center;
}

#pagina .sala_imprensa .destaque table td {
  background-color: #ffffff;
  border-bottom: 1px solid #e2e2e2;
  color: #4a611b;
  font-family: Arial;
  font-size: 13px;
  height: 40px;
  vertical-align: middle;
  text-align: left;
  padding: 5px 10px;
}

#pagina .sala_imprensa .destaque table td:first-child {
  background-color: #f2f4ec;
  border-bottom: 1px solid #ffffff;
}

#pagina .sala_imprensa .destaque table tr:last-child td {
  border-bottom: 0px;
}

#pagina .sala_imprensa .ear p {
  float: right;
  font-size: 13px;
  color: #4a611b;
  margin-right: 10px;
}

#pagina .sala_imprensa .ear .previsto {
  color: #ed6e11;
}

#pagina .sala_imprensa .destaque .content {
  border: 1px solid #e2e2e2;
}

#pagina .sala_imprensa .links {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

#pagina .sala_imprensa .links ul {
  width: 100%;
  list-style: none;
}

#pagina .sala_imprensa .links ul li {
  float: left;
  width: calc(25% - 1px);

  background-color: #f4f4f4;
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}

#pagina .sala_imprensa .links ul li:last-child {
  border-right: 0;
  width: 25%;
}

#pagina .sala_imprensa .links ul li.active {
  background-color: #ffffff;
  border-bottom: 1px solid #ffffff;
}

#pagina .sala_imprensa .links ul li a {
  font-family: Arial;
  font-size: 15px;
  color: #333333;
  width: calc(100% - 10px);
  text-align: center;
  display: inline-block;
  padding: 10px 5px;
}

#pagina .sala_imprensa .links > div:last-child {
  margin-right: 0;
}

#pagina .sala_imprensa .links > div svg {
  width: 32px;
  height: 32px;
}

#pagina .sala_imprensa .links > div path {
  fill: none;
  stroke: #9c9c9c;
  stroke-width: 2px;
}

#pagina .sala_imprensa .datepicker-here .item {
  font-weight: bold;
}

#pagina .sala_imprensa .calendar {
  float: left;
}

#pagina .sala_imprensa .calendar a {
  text-align: left;
  font-family: Arial;
  font-size: 16px;
  color: #f4700e;
  line-height: 22px;
  padding: 5px 0px;
  display: block;
}

#pagina .sala_imprensa .datepicker-conteudo {
  float: left;
  width: calc(100% - 265px);
  margin-left: 10px;
}

#pagina .sala_imprensa .datepicker-conteudo .title {
  background-color: #f4700e;
  padding: 10px 20px;
  overflow: hidden;
}

#pagina .sala_imprensa .datepicker-conteudo .title .titulo {
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  float: right;
  color: #ffffff;
}

#pagina .sala_imprensa .datepicker-conteudo .title .data {
  font-family: "NeutraDisp-Medium";
  font-size: 16px;
  text-transform: uppercase;
  float: left;
  color: #ffffff;
}

#pagina .sala_imprensa .datepicker-conteudo .resumo {
  font-family: Arial;
  font-size: 16px;
  color: #646463;
  line-height: 22px;
  padding: 10px 20px;
}

#pagina .sala_imprensa .datepicker-conteudo .horario {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  color: #f4700e;
  padding: 10px 20px;
  text-transform: uppercase;
}

#pagina .mpo .modulos ul {
  list-style: none;
}

#pagina .mpo .modulos ul li ul {
  display: none;
}

#pagina .mpo .modulos ul li.active > ul {
  display: block;
  margin-left: 30px;
  margin-top: 10px;
}

#pagina .mpo .modulos ul li .item {
  margin-bottom: 10px;
  padding: 10px;
  position: relative;
  background-color: #f4f4f4;
  overflow: hidden;
}

#pagina .mpo .modulos ul li div.acao {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: #f4700e url(../img/icoMais.png) no-repeat center center;
  width: 45px;
  cursor: pointer;
}

#pagina .mpo .modulos ul li.active > .item div.acao {
  background-image: url(../img/icoMenos.png);
}

#pagina .mpo .modulos ul li a.acao {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: transparent url(../img/icoDocumento.png) no-repeat center center;
  width: 45px;
  cursor: pointer;
}

#pagina .mpo .modulos ul li .title {
  width: calc(100% - 385px);
  margin-left: 55px;
  float: left;
}

#pagina .mpo .modulos ul li .title p {
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  color: #4d8ad8;
}

#pagina .mpo .modulos ul.history li .title p {
  color: #333333;
}
#pagina .mpo .modulos ul li .title span {
  font-family: Arial;
  font-size: 14px;
  color: #4d8ad8;
}

#pagina .mpo .modulos ul li .title span.retificado {
  font-weight: bold;
  color: #f4700e;
}

#pagina .mpo .modulos ul li .title span[title="Glossário"] {
  font-weight: bold;
  color: #009cb6;
  font-size: 12px;
}
#pagina .mpo .modulos ul li .title span[title="Indicadores"] {
  font-weight: bold;
  color: #009cb6;
  font-size: 12px;
}
#pagina .mpo .modulos ul li .title span[title="Metodologia"] {
  font-weight: bold;
  color: #009cb6;
  font-size: 12px;
}
#pagina .mpo .modulos ul li .title span[title="Requisitos"] {
  font-weight: bold;
  color: #009cb6;
  font-size: 12px;
}
#pagina .mpo .modulos ul li .title span[title="Responsabilidades"] {
  font-weight: bold;
  color: #009cb6;
  font-size: 12px;
}
#pagina .mpo .modulos ul li .title span[title="Operacional"] {
  font-weight: bold;
  color: #509e2f;
  font-size: 12px;
}
#pagina .mpo .modulos ul li .title span[title="Procedimental"] {
  font-weight: bold;
  color: #509e2f;
  font-size: 12px;
}
#pagina .mpo .modulos ul li .title span[title="Critérios"] {
  font-weight: bold;
  color: #009cb6;
  font-size: 12px;
}
#pagina .mpo .modulos ul li .title span[title="Definição"] {
  font-weight: bold;
  color: #009cb6;
  font-size: 12px;
}

#pagina .mpo .modulos ul li .title p.highlight {
  color: #f4700e;
}

#pagina .mpo .modulos ul li .title .info {
  font-family: Arial;
  font-size: 12px;
  color: #9f9da0;
  margin-top: 5px;
}

#pagina .mpo .modulos ul li .info.alterado-pelas-mops {
  font-family: Arial;
  font-size: 12px;
  margin-top: 5px;
  color: #4d8ad8;
  display: none;
}

#pagina .mpo .modulos ul li .info.mops-a-cancelar {
  font-family: Arial;
  font-size: 12px;
  margin-top: 5px;
  color: #4d8ad8;
  display: none;
}

#pagina .mpo .modulos ul li .historico,
#pagina .mpo .modulos ul li .download,
#pagina .mpo .modulos ul li .informacoes {
  width: 110px;
  float: left;
  text-align: center;
  padding: 7px 0;
}

#pagina .mpo .modulos ul li[data-modulo="Submódulo 10.18"] .download {
  display: none;
}

#pagina .mpo .modulos ul li .historico a {
  font-family: Arial;
  font-size: 11px;
  color: #f4700e;
  text-transform: uppercase;
  text-align: center;
  display: block;
  margin-top: 10px;
}

#pagina .mpo .modulos ul li .informacoes a {
  font-family: Arial;
  font-size: 11px;
  color: #f4700e;
  text-transform: uppercase;
  text-align: center;
  display: block;
  margin-top: 10px;
}

#pagina .mpo .modulos ul li .download a {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  color: #4d8ad8;
  text-transform: uppercase;
  text-align: center;
  display: block;
  margin-bottom: 5px;
}

#pagina .mpo .modulos ul li .download div {
  font-family: Arial;
  font-size: 11px;
  color: #656266;
  text-align: center;
  text-transform: uppercase;
}

#pagina .fale_conosco {
  background-color: #f4f4f4;
  width: calc(100% - 40px);
  padding: 20px;
}

#pagina .fale_conosco label {
  font-family: Arial;
  font-size: 16px;
  display: block;
  margin-bottom: 5px;
  color: #333333;
}

#pagina .fale_conosco input,
#pagina .fale_conosco select,
#pagina .fale_conosco textarea {
  width: calc(100% - 20px);
  height: 20px;
  padding: 5px 10px;
  border: 1px solid #e4e3e4;
  outline: none;
  font-family: Arial;
  font-size: 13px;
  margin-bottom: 20px;
  resize: none;
}

#pagina .fale_conosco select {
  width: 100%;
  height: 30px;
}

#pagina .fale_conosco textarea {
  height: 100px;
}

#pagina .fale_conosco input[type="submit"] {
  background-color: #ed6e11;
  color: #ffffff;
  border: 1px solid #e4e3e4;
  padding: 10px 15px;
  outline: none;
  font-family: Arial;
  font-size: 16px;
  margin: 10px 10px 0 0;
  cursor: pointer;
  width: auto;
  height: auto;
}

#pagina .fale_conosco .sucesso {
  font-family: Arial;
  font-size: 13px;
  color: #333333;
  display: none;
}

#pagina .fale_conosco .erro {
  font-family: Arial;
  font-size: 13px;
  color: #ff0000;
  display: none;
}

#pagina .imprensa {
  background-color: #4a611b;
  padding: 15px;
  width: calc(100% - 30px);
}

#pagina .imprensa p {
  color: #ffffff;
  font-family: Arial;
  font-size: 14px;
  margin-bottom: 0px;
}

#pagina .imprensa p.telefone {
  font-size: 16px;
}

#pagina .imprensa p.titulo {
  font-weight: bold;
}

#pagina .imprensa a {
  color: #c9bf4c;
}

#pagina .loading {
  margin-top: 20px;
}

#pagina hr.aba {
  border-top: 0;
  border-bottom: 1px solid #e4e3e4;
  margin-bottom: -48px;
  margin-top: 48px;
}

#pagina .mpo_abas {
  overflow: hidden;
}

#pagina .mpo_abas .content {
  max-width: 1100px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}

#pagina .mpo_abas a {
  padding: 0px 20px;
  width: 214px;
  border: 1px solid #e4e3e4;
  text-align: center;
  font-family: "NeutraDisp-Medium";
  font-size: 16px;
  text-transform: uppercase;
  color: #656266;
  float: left;
  margin-right: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
}

#pagina .mpo_abas a:last-child {
  margin-right: 0;
}

#pagina .mpo_abas a.active {
  color: #4d8ad8;
  border-bottom: 1px solid #ffffff;
}

#share-modal {
  position: absolute;
  background-color: #ffffff;
  border: 1px solid #e4e3e4;
  padding: 10px;
  display: none;
}

#share-modal .share-modal {
  width: 202px;
  height: 50px;
}

.jssocials-share.jssocials-share-whatsapp {
  display: none;
}

#share-modal .share-modal a {
  color: #ffffff;
}

#share-modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAANjr9RwUqgAAACBjSFJNAABtmAAAc44AAPJxAACDbAAAg7sAANTIAAAx7AAAGbyeiMU/AAAG7ElEQVR42mJkwA8YoZjBwcGB6fPnz4w/fvxg/PnzJ2N6ejoLFxcX47Rp036B5Dk4OP7z8vL+P3DgwD+o3v9QjBUABBALHguZoJhZXV2dVUNDgxNIcwEtZnn27Nl/ZmZmQRYWFmag5c90dHQY5OXl/z98+PDn1atXv79+/foPUN9fIP4HxRgOAAggRhyWMoOwqKgoq6GhIZe3t7eYrq6uHBDb8/Pz27Gysloga/jz588FYGicPn/+/OapU6deOnXq1GdgqPwCOuA31AF/0S0HCCB0xAQNBU4FBQWB0NBQublz59oADV37Hw28ePHi74MHD/6ii3/8+HEFMGQUgQ6WEhQU5AeZBTWTCdkigABC9ylIAZeMjIxQTEyMysaNG/3+/v37AGTgr1+//s2cOfOXm5vbN6Caz8jY1NT0a29v76/v37//g6q9sHfv3khjY2M5YAgJgsyEmg0PYYAAQreUk4+PT8jd3V1l1apVgUAzfoIM2rlz5x9gHH5BtxAdA9PB1zNnzvyB+R6oLxoopgC1nBPZcoAAgiFQnLIDMb+enp5iV1eXBzDeHoI0z58//xcwIX0mZCkMg9S2trb+hFk+ffr0QCkpKVmQ2VA7QHYxAgQQzLesQMwjIiIilZWVZfPu3bstMJ+SYikyBmUzkBnA9HEMyNcCYgmQHVC7mAACCJagOEBBbGdnp7lgwYJEkIavX7/+BcY1SvAaGRl9tba2xohjMTGxL8nJyT+AWQsuxsbG9vnp06e/QWYdPHiwHmiWKlBcCGQXyNcAAQSzmBuoSQqYim3u37+/EKR48uTJv5ANB+bVr7Dga2xs/AkTV1JS+gq0AJyoQIkPWU9aWtoPkPibN2/2A/l6QCwJ9TULQADB4hcY//xKXl5eHt++fbsAUmxhYYHiM1DiAsr9R7ZcVVUVbikIdHd3/0TWIyws/AWYVsByAgICdkAxRSAWAGI2gACClV7C4uLiOv7+/lEgRZ8+ffqLLd6ABck3ZMuB6uCWrlu37je29HDx4kVwQisvL88FFqkaQDERUHADBBAomBl5eHiYgQmLE1hSgQQZgIUD1lJm69atf4HR8R1YKoH5QIPAWWP9+vV/gOI/gHkeQw+wGAXTwAJJ5t+/f/BUDRBA4NIEKMDMyMjICtQIiniG379/4yza7t69+//Lly8oDrty5co/bJaCAEwcZCkwwTJDLWYCCCCwxcDgY3z16hXDnTt3voP4EhISWA0BFgZMwNqHExh3jMiG1tbWsgHjnA2bHmAeBtdWwOL1MycnJ7wAAQggBmi+kgIW/OaKiorJwOLuFShO0LMSMPF9AUYBSpz6+vqixHlOTs4P9MIEWHaDsxSwYMoE2mEGFJcG5SKAAGJCqjv/AbPUn8ePH98ACQQHB6NUmZqamkzABIgSp5s3bwbHORCA1QDLAWZkPc7OzszA8oHl5cuXVy5duvQBGIXwWgoggGA+FgO6xkBNTS28r69vDrT2+Y1cIMDyJchX6KkXVEmAshd6KB06dAic94EO3AzkBwGxPhCLg8ptgACCZyeQp9jZ2b2AmsuAefM8tnxJCk5ISPgOLTKfAdNEOVDMA2QHLDsBBBC8AAFlbmCLwlZISCg5JSVlJizeQAaQaimoWAUFK0g/sGGwHiiWCMS2yAUIQAAxI7c4gEmeFZi4OJ48ecLMzc39CRiEmgEBASxA/QzA8vYvAxEgNjaWZc2aNezAsprp2LFjp4FpZRdQ+AkQvwLij0AMSoC/AQIIXklAC3AVUBoBxmE8sPXQAiyvN8J8fuPGjR/h4eHf0eMdhkENhOPHj8OT+NGjR88BxZuBOA5kJtRseCUBEECMSI0AdmgBDooDaaDl8sASTSkyMlKzpqZGU1paGlS7MABLrX83b978A6zwwakTmE0YgIkSnHpBfGCV+gxYh98qKSk5CeTeAxVeQPwUiN8AMSjxgdLNX4AAYkRqCLBAXcMHtVwSaLkMMMHJAvOq9IQJE9R8fHxElJWV1bEF8aNHj+7t27fvLTDlXwXGLyhoH0OD+DnU0k/QYAa1QP8BBBAjWsuSFWo5LzRYxKFYAljqiAHzqxCwIBEwMTERBdZeoOYMA7Bl+RFYEbwB5oS3IA9D4/IFEL+E4nfQ6IDFLTgvAwQQI5ZmLRtSsINSuyA0uwlBUyQPMPWD20/AKo8ByP4DTJTfgRgUjB+gFoEc8R6amGDB+wu5mQsQQIxYmrdMUJ+zQTM6NzQEeKGO4UJqOzFADQMZ/A1qCSzBfQXi71ALfyM17sEAIIAY8fQiWKAYFgIwzIbWTv4HjbdfUAf8RPLhH1icojfoAQKIEU8bG9kRyF0aRiz6YP0k5C4LsmUY9TtAADEyEA+IVfufGEUAAQYABejinPr4dLEAAAAASUVORK5CYII=")
    no-repeat 0 0;
}

.sitemap ul {
  list-style: none;
}
#primaryNav li {
  width: 25%;
}
#primaryNav li ul li {
  width: 100% !important;
}
#primaryNav.col1 li {
  width: 99.9%;
}
#primaryNav.col2 li {
  width: 50%;
}
#primaryNav.col3 li {
  width: 33.3%;
}
#primaryNav.col4 li {
  width: 25%;
}
#primaryNav.col5 li {
  width: 20%;
}
#primaryNav.col6 li {
  width: 16.6%;
}
#primaryNav.col7 li {
  width: 14.2%;
}
#primaryNav.col8 li {
  width: 12.5%;
}
#primaryNav.col9 li {
  width: 11.1%;
}
#primaryNav.col10 li {
  width: 10%;
}

.sitemap {
  margin: 0 0 40px 0;
  float: left;
  width: 100%;
}

#primaryNav {
  margin: 0;
  float: left;
  width: 100%;
}
#primaryNav #home {
  display: block;
  float: none;
  background: #ffffff url("../img/sitemap/L1-center.png") center bottom
    no-repeat;
  position: relative;
  z-index: 2;
  padding: 0 0 30px 0;
}
#primaryNav li {
  float: left;
  background: url("../img/sitemap/L1-right.png") center top no-repeat;
  padding: 30px 0;
  margin-top: -30px;
}
#primaryNav li a {
  margin: 0 20px 0 0;
  padding: 10px 0;
  display: block;
  font-size: 13px;
  text-align: center;
  /*color: #656266;*/
  color: #ffffff;
  background: #4a611b;
  font-family: Arial;
}

#primaryNav li:last-child {
  background: url("../img/sitemap/vertical-line.png") center top no-repeat;
}

#primaryNav li li {
  width: 100%;
  clear: left;
  margin-top: 0;
  padding: 10px 0 0 0;
  background: url("../img/sitemap/vertical-line.png") center bottom repeat-y;
}
#primaryNav li li a {
  background-color: #608f05;
}

#primaryNav li li:first-child {
  padding-top: 30px;
}
#primaryNav li li:last-child {
  background: url("../img/sitemap/L3-ul-top.png") center bottom repeat-y;
}
#primaryNav li li ul {
  margin: 10px 0 0 0;
  width: 100%;
  float: right;
  padding: 9px 0 10px 0;
  background: #ffffff url("../img/sitemap/L3-center.png") center top no-repeat;
}
#primaryNav li li li {
  background: url("../img/sitemap/L3-li-top.png") left center no-repeat;
  padding: 5px 0;
}
#primaryNav li li li a {
  background-color: #aebda0;
  font-size: 13px;
  padding: 10px 0;
  width: 80%;
  float: right;
}

#primaryNav li li li:first-child {
  padding: 15px 0 5px 0;
  background: url("../img/sitemap/L3-bottom.png") left center no-repeat;
}
#primaryNav li li li:last-child {
  background: url("../img/icoBuscaAzul.png") left center no-repeat;
}

#utilityNav {
  float: right;
  max-width: 50%;
  margin-right: 10px;
}
#utilityNav li {
  float: left;
  margin-bottom: 10px;
}
#utilityNav li a {
  margin: 0 10px 0 0;
  padding: 5px 10px;
  display: block;
  font-size: 13px;
  font-family: Arial;
  text-align: center;
  color: #ffffff;
  background: #aebda0;
}

#map {
  width: 100%;
  height: 500px;
}

ul.mapagen_lista {
  line-height: 20px;
  text-align: left;
  list-style-type: none;
  padding: 0;
  padding-left: 0;
}

#pagina .ms-table.ms-fullWidth > .tableCol-25 {
  margin: 42px 20px 0 0;
  width: calc(25% - 20px);
  min-width: auto;
  float: left;
}

#pagina .ms-table.ms-fullWidth > .tableCol-25 + .tableCol-75 {
  margin: 0;
  width: 75%;
  min-width: auto;
  float: left;
}

#pagina .ms-table.ms-fullWidth > .tableCol-75 + .tableCol-25 {
  display: none;
}

#pagina #SearchBox {
  width: 100%;
  border-bottom: 1px solid #e4e3e4;
}

#pagina .ms-srch-sbLarge {
  width: 33%;
  margin: 0 auto;
  border: 0;
  display: block;
}

#pagina .ms-srch-sbLarge input {
  width: calc(100% - 72px);
  height: 30px;
  padding: 5px 10px;
  border: 1px solid #e4e3e4;
  border-bottom: 0;
  border-right: 0;
  outline: none;
  font-family: Arial;
  font-size: 13px;
}

#pagina .ms-srch-sbLarge .ms-srch-sb-searchLink {
  float: left;
  width: 44px;
  border: 1px solid #e4e3e4;
  height: 40px;
  border-left: 0px;
  background: url(../img/icoBuscaAzul.png) center center no-repeat;
  cursor: pointer;
  margin-top: 1px;
  border-bottom: 0;
}

#pagina .ms-srch-sbLarge .ms-srch-sbLarge-searchImg {
  display: none;
}

#pagina .ms-srch-upscope-top {
  display: none !important;
}

#pagina .ms-srch-item {
  margin: 0 0 10px 0;
  padding: 10px;
  background-color: #f4f4f4;
  overflow: hidden;
  width: calc(100% - 20px);
  overflow: hidden;
}

#pagina .ms-srch-item-body .ms-srch-ellipsis,
#pagina .ms-srch-item-body .ms-srch-ellipsis a {
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  color: #4d8ad8;
  white-space: normal;
}

#pagina .ms-srch-item-body .ms-srch-item-summary {
  font-family: Arial;
  font-size: 12px;
  color: #9f9da0;
  margin-top: 5px;
}

#pagina .ms-srch-item-body .ms-srch-item-summary .ms-srch-item-highlightedText {
  color: #f4700e;
}

#pagina .ms-srch-item-icon {
  margin-top: 0;
}

#pagina .ms-srch-result #Paging li {
  font-family: Arial;
  font-size: 16px;
}

#pagina .ms-ref-ctrl .ms-ref-refiner > div {
  padding: 5px 10px;
  border: 1px solid #e4e3e4;
  font-family: Arial;
  font-size: 12px;
  color: #9f9da0;
  margin-bottom: 20px;
}

#pagina .ms-ref-refinername:link,
#pagina .ms-ref-refinername:visited {
  width: 100%;
}

#pagina .ms-srch-hover-outerContainer,
#pagina .ms-srch-item-path {
  display: none !important;
}

#pagina .extensao > label,
#pagina .capacidade > label {
  display: block;
  font-style: italic;
  max-width: 920px;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 5px;
  line-height: 21px;
}

a.scroll-to-top {
  background: #404040;
  border-radius: 20px;
  bottom: 10px;
  color: #fff;
  height: 40px;
  position: fixed;
  right: 35px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  line-height: 36px;
  z-index: 1040;
  opacity: 0;
}

.busca-avancada {
  color: #4d8ad8;
  line-height: 42px;
}
.busca-avancada a:visited {
  color: #4d8ad8;
}

#pagina .politica-privacidade h2 {
  color: #aaa37e;
  margin-bottom: 20px;
  font-family: "NeutraDisp-Medium";
  font-size: 24px;
  text-transform: uppercase;
  display: inline-block;
  min-height: 21px;
  width: 100%;
}

#pagina .politica-privacidade p {
  font-size: 15px;
  line-height: 28px;
  color: #656266;
}

#pagina .politica-privacidade p.aviso {
  background-color: #f6f6f6;
  padding: 5px 10px;
  width: 100%;
  margin-bottom: 30px;
}

#pagina .politica-privacidade .form {
  width: 100%;
}

#pagina .politica-privacidade .item {
  width: calc(50% - 10px);
  float: left;
  margin-bottom: 15px;
}
#pagina .politica-privacidade .item-longo {
  width: 100%;
  float: left;
}
#pagina .politica-privacidade .item:nth-child(odd) {
  margin-right: 20px;
}

#pagina .politica-privacidade label,
#pagina .politica-privacidade label {
  font-size: 15px;
  font-weight: bold;
  color: #171e4d;
  margin-bottom: 5px;
  display: block;
}

#pagina .politica-privacidade input,
#pagina .politica-privacidade select,
#pagina .politica-privacidade textarea {
  width: 100%;
  border: 1px solid #ccc;
  color: #333;
  height: 32px;
  padding: 2px 5px;
  font: 13px Arial;
  margin: 0;
}

#pagina .politica-privacidade textarea {
  height: 100px;
}

#pagina .politica-privacidade input[type="submit"] {
  background-color: #ed6e11;
  color: #ffffff;
  border: 1px solid #e4e3e4;
  padding: 10px 15px;
  outline: none;
  font-family: Arial;
  font-size: 16px;
  margin: 10px 10px 0 0;
  cursor: pointer;
  width: auto;
  height: auto;
}

#pagina .politica-privacidade .loading {
  font-family: Arial;
  font-size: 13px;
  color: #333333;
  display: none;
}

#pagina .politica-privacidade .sucesso {
  font-family: Arial;
  font-size: 13px;
  color: #333333;
  display: none;
}

#pagina .politica-privacidade .erro {
  font-family: Arial;
  font-size: 13px;
  color: #ff0000;
  display: none;
}

#pagina .politica-privacidade .ms-rtestate-field {
  max-width: 100%;
}

#pagina .politica-privacidade .fale_conosco {
  background-color: transparent;
  width: 100%;
  padding: 0;
}

#pagina .politica-privacidade ul {
  list-style: none;
}

#pagina .politica-privacidade ul li {
  margin-top: 20px;
}

#pagina .politica-privacidade ul li span.fa-star {
  margin-right: 10px;
  font-size: 25px;
  color: #cccccc;
  cursor: pointer;
}

#pagina .politica-privacidade ul li span.fa-star.checked {
  color: gold;
}

#pagina .politica-privacidade .g-recaptcha {
  margin-top: 30px;
}

#pagina .bibliotecaONSVerMais {
  margin-top: 2rem !important;
}

#pagina .bibliotecaONSitemsContainer {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 1rem;
  row-gap: 8rem;
  padding: 1px 80px 0px 80px;
  padding-bottom: 7rem;
}

#pagina .bibliotecaONSitemsContainer .bibliotecaONSDocumentoContainer {
}

#pagina
  .bibliotecaONSitemsContainer
  .bibliotecaONSDocumentoContainer
  .bibliotecaONSDocumento {
  display: block;
  height: 100%;
  width: 100%;
  min-height: 200px;
  background-size: cover;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.bibliotecaONSDocumentoContainer .bibliotecaONSDocumentoInfo {
  background-color: #f1f1f1;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 0 1rem 1rem 1rem;
}

.bibliotecaONSDocumentoContainer
  .bibliotecaONSDocumentoInfo
  .bibliotecaONSDocumentoDate {
  font-size: 0.75rem;
  color: #818082b5;
}

.bibliotecaONSDocumentoContainer
  .bibliotecaONSDocumentoInfo
  .bibliotecaONSDocumentoTitle {
  line-height: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 17px;
  height: 50px;
  font-size: 14px;
}

.bibliotecaONSDocumentoTitle:visited {
  color: #0072c6;
}

/*
*/

#documento-procedimento #modal-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#documento-procedimento #modal-wrapper .modal-background {
  background: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
  width: 100%;
  height: 100%;
  border: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
  visibility: visible;
}
#documento-procedimento #modal-wrapper .modal {
  width: 70% !important;
  padding: 0;
  max-width: 1040px;
  min-width: 400px;
  min-height: 25%;
  max-height: 85%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 12;
  border-radius: 4px;
  border: 1px solid #8da2c6;
  box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.3);
  position: relative;
  min-width: auto;
}

#documento-procedimento #modal-wrapper .modal .header {
  position: relative;
  background: #4d8ad8;
  padding: 15px 60px 15px 10px;
  min-height: 60px;
}
#documento-procedimento #modal-wrapper .modal .header .title {
  text-transform: uppercase;
  font-weight: normal;
  color: white;
  margin: 0;
  font-size: 16px;
  line-height: 22px;
}
#documento-procedimento #modal-wrapper .modal .header .close {
  cursor: pointer;
  position: absolute;
  right: 20px;
  background: white;
  color: #4d8ad8;
  width: 35px;
  height: 43px;
  top: -5px;
  border: 1px solid #4d8ad8;
  border-radius: 3px;
}
#documento-procedimento #modal-wrapper .modal .header .close::after {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 33px;
  height: 43px;
  line-height: 43px;
  font-family: ONSECMIcons;
  text-align: center;
  font-size: 14px;
  content: "\e900";
}
#documento-procedimento #modal-wrapper .modal .footer {
}

#documento-procedimento .btn-azul {
  font-size: 13px;
  font-weight: 500;
  padding: 10px 20px;
  box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.2);
}
#documento-procedimento .btn-azul::before {
  content: "";
}

#documento-procedimento .menu-tabs {
  height: 60px;
  list-style: none;
  margin: 0;
  padding: 0 15px;
  border-bottom: 2px solid #8da2c6;
  display: table;
  width: 100%;
}
#documento-procedimento .menu-tabs > li {
  width: calc(100% / 6);
  height: 60px;
  text-align: center;
  font-size: 14px;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  line-height: 15px;
  padding: 15px 0;
  color: #96a4ba;
  cursor: pointer;
}
#documento-procedimento .menu-tabs > li.active {
  color: #4d8ad8;
}
#documento-procedimento .menu-tabs > li.active::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #4d8ad8;
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 1;
}

#documento-procedimento .container {
  margin: 0;
  max-width: initial;
  height: calc(80vh - 120px);
}
#documento-procedimento .container .item {
  display: none;
  position: relative;
  height: 100%;
  min-height: 40vh;
}
#documento-procedimento .container .item.active {
  display: block;
}
#documento-procedimento .container .item .item-header {
  position: relative;
  padding: 15px 35px;
  border-bottom: 1px solid #8da2c6;
}
#documento-procedimento .container .item .item-header a {
  text-decoration: none;
  display: inline-block;
  border-radius: 20px;
  line-height: 35px;
  margin-right: 5px;
  padding: 0px 20px;
  font-weight: bold;
  color: #6c788d;
  background: #e3e9f1;
  font-size: 12px;
  text-transform: uppercase;
  border: 2px solid #e3e9f1;
}
#documento-procedimento .container .item .item-header a.selected {
  background: white;
  color: #4d8ad8;
  border-color: #4d8ad8;
}
#documento-procedimento .container .item .item-body {
  padding: 10px 10px 1px 10px;
  overflow: hidden;
  overflow-y: auto;
}
#documento-procedimento .container .item .item-body.answering::before {
  position: absolute;
  transition: 200ms;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: block;
  content: "";
  background: rgba(255, 255, 255, 0.7);
  z-index: 10;
}

#documento-procedimento .container .item .item-body .item-1-list-1 > li {
  margin: 5px 0;
  border: 1px solid #cbd6e9;
  border-radius: 3px;
  background: #f5f5f5;
  border-bottom: none;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-1-list-1
  > li
  > .item-1-list-header {
  transition: 200ms;
  position: relative;
  opacity: 0.7;
  background: white;
  display: table;
  width: 100%;
  border-radius: 3px;
  height: 60px;
  border-bottom: 1px solid #cbd6e9;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-1-list-1[data-type="detalhes"]
  > li
  > .item-1-list-header::before {
  border-radius: 2px;
  height: calc(100% - 6px);
  content: "";
  position: absolute;
  width: 3px;
  left: 3px;
  top: 3px;
  background: #4d8ad8;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-1-list-1
  > li
  > .item-1-list-header.active {
  opacity: 1;
  box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid #cbd6e9;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-1-list-1
  > li
  > .item-1-list-header
  div {
  position: relative;
  display: table-cell;
  padding: 5px;
  vertical-align: middle;
  font-size: 15px;
  color: #373c45;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-1-list-1
  > li
  > .item-1-list-header
  div
  > p
  > a.dwn {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-1-list-1[data-type="metadados"]:after {
  content: "";
  display: block;
  clear: both;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-1-list-1[data-type="metadados"]
  > li {
  float: left;
  width: calc(50% - (1% / 2));
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-1-list-1[data-type="metadados"]
  > li:nth-child(odd) {
  margin-right: 1%;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-1-list-1[data-type="metadados"]
  > li
  > .item-1-list-header
  div {
  padding-left: 20px;
  padding-right: 20px;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-1-list-1[data-type="metadados"]
  > li
  > .item-1-list-header
  div
  strong {
  font-weight: bold;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-1-list-1[data-type="detalhes"]
  > li
  > .item-1-list-header
  div:first-child {
  width: 70px;
  text-align: center;
  color: #8291ab;
  font-weight: bold;
  font-size: 22px;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-1-list-1[data-type="detalhes"]
  > li
  > .item-1-list-header.active
  div:first-child {
  color: #4d8ad8;
}

#documento-procedimento
  .container
  .item
  .item-body
  .item-1-list-1[data-type="detalhes"]
  > li
  > .item-1-list-header
  div:last-child {
  text-align: center;
  width: 50px;
  font-size: 0;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-1-list-1[data-type="detalhes"]
  > li
  > .item-1-list-header
  div:last-child
  a {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-1-list-1[data-type="detalhes"]
  > li
  > .item-1-list-header
  div:last-child
  a:after {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "ONS-Icons" !important;
  content: "\e904";
  color: #fff;
  background: #4d8ad8;
  width: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
  font-size: 15px;
}

#documento-procedimento
  .container
  .item
  .item-body
  .item-1-list-1[data-type="detalhes"]
  > li
  > .item-1-list-header.active
  + .item-1-list-body {
  border-bottom: 1px solid #cbd6e9;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-1-list-1
  > li
  > .item-1-list-body {
  border-bottom: none;
  padding: 10px;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-1-list-1
  > li
  > .item-1-list-body
  .item-1-list-2
  > li {
  display: table;
  width: 100%;
  border-bottom: 1px solid #cbd6e9;
  margin-bottom: 10px;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-1-list-1
  > li
  > .item-1-list-body
  .item-1-list-2
  > li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

#documento-procedimento .container .item .item-body .item-23-list-1 {
}
#documento-procedimento .container .item .item-body .item-23-list-1 > li {
  margin: 5px 0;
  border: 1px solid #cbd6e9;
  border-radius: 3px;
  background: #f5f5f5;
  border-bottom: none;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-23-list-1
  > li
  > .item-23-list-header {
  display: block;
  transition: 200ms;
  background: white;
  width: 100%;
  border-radius: 3px;
  border-bottom: 1px solid #cbd6e9;
  padding: 20px;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-23-list-1
  > li
  > .item-23-list-header.active {
  opacity: 1;
  box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.2);
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-23-list-1
  > li
  > .item-23-list-header
  span.type {
  display: block;
  margin-bottom: 5px;
  color: #96a4ba;
  font-size: 12px;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-23-list-1
  > li
  > .item-23-list-header
  .item-version-date {
  margin-bottom: 10px;
  color: #606773;
  border: 1px solid #cbd6e9;
  border-radius: 20px;
  height: 36px;
  padding: 5px;
  display: inline-block;
  float: none;
  clear: both;
  position: relative;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-23-list-1
  > li
  > .item-23-list-header
  .item-version-date
  span {
  line-height: 26px;
  text-transform: uppercase;
  font-size: 11px;
  padding: 5px;
  font-weight: bold;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-23-list-1
  > li
  > .item-23-list-header
  .item-version-date
  span:first-child {
  border-right: 1px solid #cbd6e9;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-23-list-1
  > li
  > .item-23-list-header
  a.btnRelated {
  display: block;
  color: #f4700e;
  font-size: 16px;
  font-weight: bold;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-23-list-1
  > li
  > .item-23-list-header
  strong {
  display: block;
  color: #f4700e;
  font-size: 16px;
  font-weight: bold;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-23-list-1
  > li
  > .item-23-list-header
  p {
  font-size: 15px;
  color: #606773;
  margin: 0;
  padding: 5px 0;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-23-list-1
  > li
  > .item-23-list-header
  .metadata {
  margin-top: 10px;
  background: #f6f6f6;
  font-weight: bold;
  width: 100%;
  overflow: hidden;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-23-list-1
  > li
  > .item-23-list-header
  .metadata
  .metadata-each-info {
  display: block;
  float: left;
  margin-right: 10px;
  width: calc(50% - 10px);
  margin-bottom: 10px;
  line-height: 24px !important;
  padding: 5px 5px 10px 5px;
  border-bottom: 1px solid #ccc;
  font-size: 12px !important;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-23-list-1
  > li
  > .item-23-list-header
  .metadata
  .metadata-each-info:nth-child(even) {
  margin-right: 0;
  margin-left: 10px;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-23-list-1
  > li
  > .item-23-list-header
  .metadata
  .metadata-each-info:last-child {
  border: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-23-list-1
  > li
  > .item-23-list-header
  .metadata
  .metadata-each-info:nth-last-child(2):nth-child(odd) {
  border: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-23-list-1
  > li
  > .item-23-list-header
  .metadata
  .metadata-each-info
  span {
  color: #4d8ad8;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-23-list-1
  > li
  > .item-23-list-header
  .metadata
  .metadata-each-info
  strong {
  display: block;
  color: #4a4c51;
  font-size: 12px !important;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-23-list-1
  > li
  > .item-23-list-header
  .see-more {
  color: #4d8ad8;
  font-size: 13px;
  margin-top: 10px;
  display: inline-block;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-23-list-1
  > li
  > .item-23-list-header
  .see-more:before {
  content: "+ Ver mais";
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-23-list-1
  > li
  > .item-23-list-header
  .see-more.active:before {
  content: "- Ver menos";
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-23-list-1
  > li
  > .item-23-list-header.active
  + .item-23-list-body {
  border-bottom: 1px solid #cbd6e9;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-23-list-1
  > li
  > .item-23-list-body {
  display: none;
  border-bottom: none;
  padding: 20px;
  color: #606773;
  font-size: 12px !important;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-23-list-1
  > li
  .item-23-actions {
  display: table;
  width: 100%;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-23-list-1
  > li
  .item-23-actions
  > div {
  vertical-align: top;
  display: table-cell;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-23-list-1
  > li
  .item-23-actions
  > div
  a {
  position: relative;
  background: #fff;
  color: #4d8ad8;
  border: 1px solid #cbd6e9;
  font-weight: bold;
  display: inline-block;
  font-size: 12px;
  line-height: 26px;
  padding: 5px 10px 5px 30px;
  border-radius: 20px;
  margin-top: 2px;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-23-list-1
  > li
  .item-23-actions
  > div
  a::before {
  font-family: ONSECMIcons;
  content: "\e90a";
  display: block;
  width: 30px;
  height: 38px;
  line-height: 36px;
  font-size: 14px;
  text-align: center;
  font-weight: normal;
  left: 0;
  top: 0;
  position: absolute;
}

#documento-procedimento .container .item .item-body .item-4-list-1 {
}
#documento-procedimento .container .item .item-body .item-4-list-1 > li {
  position: relative;
  margin: 5px 0;
  border: 1px solid #cbd6e9;
  border-radius: 3px;
  background: #f5f5f5;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-list-1
  > li::before {
  z-index: 2;
  width: 3px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #4d8ad8;
  content: "";
  border-radius: 2px;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-list-1
  > li
  .item-4-list-header {
  z-index: 3;
  transition: 200ms;
  position: relative;
  cursor: pointer;
  background: white;
  display: table;
  width: 100%;
  border-radius: 3px;
  height: 80px;
  padding: 20px 20px 15px 20px;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-list-1
  > li
  .item-4-list-header
  p {
  font-size: 15px;
  color: #606773;
  padding: 5px 0;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-list-1
  > li
  .item-4-list-header
  strong {
  color: #606773;
  font-size: 16px;
  font-weight: bold;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-list-1
  > li
  .item-4-list-header.active {
  box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid #cbd6e9;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-list-1
  > li
  .item-4-list-header
  .item-4-actions {
  display: table;
  width: 100%;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-list-1
  > li
  .item-4-list-header
  .item-4-actions
  > div {
  vertical-align: middle;
  display: table-cell;
  padding: 0 5px;
  font-size: 11px;
  color: #606773;
  text-transform: uppercase;
  font-weight: bold;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-list-1
  > li
  .item-4-list-header
  .item-4-actions
  > div:first-child {
  width: 130px;
  text-transform: none;
  color: #4d8ad8;
  font-size: 13px;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-list-1
  > li
  .item-4-list-header
  .item-4-actions
  > div:last-child {
  width: 200px;
  text-align: right;
  text-transform: none;
  font-weight: normal;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-list-1
  > li
  .item-4-list-header
  .item-4-actions
  > div:last-child
  a {
  position: relative;
  color: #4d8ad8;
  border: 1px solid #cbd6e9;
  font-weight: bold;
  display: inline-block;
  font-size: 12px;
  line-height: 26px;
  padding: 5px 10px 5px 30px;
  border-radius: 20px;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-list-1
  > li
  .item-4-list-header
  .item-4-actions
  > div:last-child
  a::before {
  font-family: ONSECMIcons;
  content: "\e90a";
  display: block;
  width: 30px;
  height: 38px;
  line-height: 36px;
  font-size: 14px;
  text-align: center;
  font-weight: normal;
  left: 0;
  top: 0;
  position: absolute;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-list-1
  > li
  .item-4-list-header.active
  + .item-4-list-body {
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-list-1
  > li
  > .item-4-list-body {
  position: relative;
  display: none;
  padding: 10px 20px 10px 45px;
  overflow: auto;
  max-height: 310px;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-list-1
  > li
  > .item-4-list-body
  .item-4-list-2 {
  transition: 200ms;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-list-1
  > li
  > .item-4-list-body
  .item-4-list-2
  > li {
  margin-bottom: 10px;
  border: 1px solid #cbd6e9;
  border-radius: 4px;
  box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.2);
  text-align: left;
  display: table;
  width: 100%;
  border-bottom: 1px solid #cbd6e9;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-list-1
  > li
  > .item-4-list-body
  .item-4-list-2
  > li.answering {
  z-index: 11;
  position: relative;
}

#documento-procedimento .container .item .item-body .item-4-answer {
  width: 100%;
  background: white;
  border-top: 1px solid #cbd6e9;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-answer
  > div.item-4-answer-text-area {
  display: table;
  width: 100%;
  padding: 15px 15px 0 15px;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-answer
  > div.item-4-answer-text-area
  > div {
  display: table-cell;
  vertical-align: middle;
  padding: 5px;
  position: relative;
  z-index: 1;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-answer
  > div.item-4-answer-text-area
  > div:last-child {
  width: 90px;
  text-align: right;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-answer
  > div.item-4-answer-text-area
  > div
  > textarea {
  width: 100%;
  height: 60px;
  resize: none;
  border: 1px solid #cbd6e9;
  border-radius: 4px;
  background: #fbfbfb;
  padding: 5px 50px 5px 5px;
}

#documento-procedimento
  .container
  .item
  .item-body
  .item-4-answer
  > div.item-4-answer-text-area
  .upload {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  z-index: 2;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-answer
  > div.item-4-answer-text-area
  .upload
  .btn-upload-file {
  position: relative;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-answer
  > div.item-4-answer-text-area
  .upload
  .btn-upload-file::before {
  content: "\e90f";
  font-family: ONSECMIcons;
  color: #8da2c6;
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-answer
  > div.item-4-answer-text-area
  .upload
  input[type="file"] {
  opacity: 0;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 0;
  padding: 0;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-answer
  > div.item-4-answer-text-area
  .loading {
  margin: 0;
}

#documento-procedimento
  .container
  .item
  .item-body
  .item-4-answer
  > div.item-4-answer-to {
  border-bottom: 1px solid #cbd6e9;
  padding: 10px 20px;
  display: table;
  width: 100%;
  font-size: 13px;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-answer
  > div.item-4-answer-to
  strong {
  font-weight: bold;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-answer
  > div.item-4-answer-to
  > div {
  display: table-cell;
  vertical-align: middle;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-answer
  > div.item-4-answer-to
  > div:last-child {
  text-align: right;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-answer
  > div.item-4-answer-to
  .cancel-answer {
  cursor: pointer;
  font-weight: bold;
  padding-right: 30px;
  position: relative;
  line-height: 20px;
  display: inline-block;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-answer
  > div.item-4-answer-to
  .cancel-answer::after {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: #d5e0ed;
  border-radius: 100%;
  display: block;
  right: 5px;
  color: #6e7c8d;
  position: absolute;
  font-size: 10px;
  cursor: pointer;
  font-family: ONSECMIcons;
  content: "\e900";
  top: 0;
  text-align: center;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-answer
  > div.item-4-upload-file-area
  > .item-4-file-name {
  position: relative;
  display: inline-block;
  border-radius: 15px;
  line-height: 20px;
  font-size: 12px;
  padding: 5px 40px 5px 30px;
  border: 1px solid #cbd6e9;
  color: #4d8ad8;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-answer
  > div.item-4-upload-file-area
  > .item-4-file-name
  a {
  color: #4d8ad8;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-answer
  > div.item-4-upload-file-area
  > .item-4-file-name
  span.btnRemoveAttachment {
  width: 20px;
  height: 20px;
  background: #d5e0ed;
  border-radius: 100%;
  display: block;
  right: 5px;
  top: 5px;
  position: absolute;
  color: #6e7c8d;
  cursor: pointer;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-answer
  > div.item-4-upload-file-area
  > .item-4-file-name
  span.btnRemoveAttachment::before {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 20px;
  width: 20px;
  display: block;
  text-align: center;
  font-size: 10px;
  cursor: pointer;
  font-family: ONSECMIcons;
  content: "\e900";
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-answer
  > div.item-4-upload-file-area
  > .item-4-file-name::before {
  font-family: ONSECMIcons;
  content: "\e90a";
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  text-align: center;
  font-weight: normal;
  left: 0;
  top: 0;
  position: absolute;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-4-answer
  > .item-4-upload-file-area {
  padding: 5px 20px;
}

#documento-procedimento .container .item .item-body .item-5-list-1 {
}
#documento-procedimento .container .item .item-body .item-5-list-1 > li {
  margin: 5px 0;
  border: 1px solid #cbd6e9;
  border-radius: 3px;
  background: #f5f5f5;
  border-bottom: none;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-5-list-1
  > li
  > .item-5-list-header {
  transition: 200ms;
  position: relative;
  cursor: pointer;
  opacity: 0.7;
  background: white;
  display: table;
  width: 100%;
  border-radius: 3px;
  height: 80px;
  border-bottom: 1px solid #cbd6e9;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-5-list-1
  > li
  > .item-5-list-header.active {
  opacity: 1;
  box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.2);
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-5-list-1
  > li
  > .item-5-list-header
  div {
  display: table-cell;
  padding: 2px;
  vertical-align: middle;
  font-size: 15px;
  color: #373c45;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-5-list-1
  > li
  > .item-5-list-header
  div:last-child {
  padding-left: 10px;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-5-list-1
  > li
  > .item-5-list-header
  div:first-child {
  width: 35px;
  text-align: center;
  color: #8291ab;
  font-weight: bold;
  font-size: 22px;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-5-list-1
  > li
  > .item-5-list-header
  div:first-child
  span {
  transition: 200ms;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background: #b1d3ff;
  border-radius: 2px;
  color: #4d8ad8;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-5-list-1
  > li
  > .item-5-list-header
  div:first-child
  span::before {
  content: "+";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  display: block;
  text-align: center;
  font-size: 18px;
  height: 20px;
  display: block;
  margin-left: -10px;
  margin-top: -10px;
  line-height: 20px;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-5-list-1
  > li
  > .item-5-list-header.active
  div:first-child
  span {
  color: white;
  background: #4d8ad8;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-5-list-1
  > li
  > .item-5-list-header.active
  div:first-child
  span::before {
  content: "-";
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-5-list-1
  > li
  > .item-5-list-header.active
  + .item-5-list-body {
  border-bottom: 1px solid #cbd6e9;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-5-list-1
  > li
  > .item-5-list-body {
  border-bottom: none;
  display: none;
  padding: 30px 30px 30px 45px;
  overflow: auto;
  max-height: 310px;
  color: #606773;
  font-size: 15px;
}
#documento-procedimento
  .container
  .item
  .item-body
  .item-5-list-1
  > li
  > .item-5-list-body
  .item-5-list-2 {
}
#documento-procedimento li {
  list-style: none;
}

@media (max-width: 992px) {
  #documento-procedimento #modal-wrapper .modal {
    width: 95% !important;
  }
  #documento-procedimento .menu-tabs {
    padding: 0 5px;
  }
  #documento-procedimento .menu-tabs > li {
    padding: 5px;
    font-size: 11px;
  }
}

.wrapper.vigentes .loading-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 145px;
  height: 100px;
  z-index: 11;
  background: #fff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.47);
  padding: 20px;
  border-radius: 4px;
}
.wrapper.vigentes .loading-fullscreen div {
  text-align: center;
}
.wrapper.vigentes .loading-fullscreen div button {
  min-width: 0;
  background: transparent;
  border: none;
  font-weight: 700;
  color: #4d8ad8;
  text-transform: uppercase;
  box-shadow: none;
  padding: 0;
  border-radius: 0;
  font-size: inherit;
}
.wrapper.vigentes .loading-fullscreen div button i {
  display: block;
  color: #4d8ad8;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 33px;
  margin-bottom: 6px;
}
.wrapper.vigentes .loading-fullscreen span {
  display: block;
  text-align: center;
  color: #6c717c;
  font-size: 16px;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
  font-size: 18px !important;
  font-family: Calibri !important;
  font-weight: bold !important;
  display: inline !important;
}

.jconfirm .jconfirm-box .jconfirm-content {
  overflow: hidden !important;
  font-family: Calibri !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
/* IPDO */
@media (max-width: 992px) {
  .ms-WPBody > div > .conteudoComponent {
    width: 70%;
  }
  .ms-WPBody > div > .comentarioComponent {
    width: 70%;
  }
}
/* IPDO */

.noticiasDetails .pageContent * {
  font-family: "Roboto";
  font-size: 15px;
}

.noticiasDetails .pageContent td,
.noticiasDetails .pageContent td[style] {
  vertical-align: middle;
}

/*PRODUTOS EM DESTAQUE 26/06/2023 */
.produtos-em-destaque {
  display: grid;
  gap: 10px;
  grid-template: repeat(2, 1fr) / repeat(2, 1fr);
}
.produtos-em-destaque > div {
  height: 240px;
  overflow: hidden;
}
.produtos-em-destaque > div > a {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover !important;
  cursor: pointer;

  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.produtos-em-destaque > div > a:hover,
.produtos-em-destaque > div > a:focus {
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.produtos-em-destaque > div > a::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.produtos-em-destaque > div > a.powerBi {
  background: transparent
    url("/style library/custom/img/produtos-em-destaque/powerBi.png") no-repeat
    center center;
}
.produtos-em-destaque > div > a.powerBi::before {
  background-color: rgba(54, 108, 217, 0.8);
}
.produtos-em-destaque > div > a.mapaMargem {
  background: transparent
    url("/style library/custom/img/produtos-em-destaque/mapaMargem.png")
    no-repeat center center;
}
.produtos-em-destaque > div > a.mapaMargem::before {
  background-color: rgba(75, 85, 43, 0.8);
}
.produtos-em-destaque > div > a.historicoOperacao {
  background: transparent
    url("/style library/custom/img/produtos-em-destaque/historicoOperacao.png")
    no-repeat center center;
}
.produtos-em-destaque > div > a.historicoOperacao::before {
  background-color: rgba(232, 119, 34, 0.8);
}
.produtos-em-destaque > div > a.geracaoEolicaSolar {
  background: transparent
    url("/style library/custom/img/produtos-em-destaque/geracaoEolicaSolar.png")
    no-repeat center center;
}
.produtos-em-destaque > div > a.geracaoEolicaSolar::before {
  background-color: rgba(42, 87, 117, 0.8);
}
.produtos-em-destaque > div > a > span {
  position: absolute;
  z-index: 1;
  text-align: center;
  font: normal normal bold 24px/27px Arial;
  color: #ffffff;
  text-shadow: 0px 3px 6px #00000029;
}

#gptw {
  display: block;
  background-image: url(../img/gptw.png);
  width: 60px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  top: -47px;
  z-index: 1;
  margin-left: 20px;
  position: absolute;
  left: 175px;
}

@media screen and (max-width: 1650px) {
  #gptw {
    width: 40px;
    height: 70px;
  }
}

@media screen and (max-width: 1250px) {
  #gptw {
    display: none;
  }
}
/*END OF PRODUTOS EM DESTAQUE 26/06/2023 */

/*TFS #138301 - 16/04/2024*/
.ons-vagas-container > .ons_reutilizavel,
.ons-vagas-details > .ons_reutilizavel {
  display: block;
}

.ons-vagas-container > .ons_reutilizavel > h3 {
  margin: 0 !important;
  margin-bottom: 30px !important;
}

.ons-vagas-results {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-wrap: wrap;
  gap: 20px 0;
}

.ons-vagas-results > br {
  display: none;
}

.ons-vagas-results > .ons-vagas-item {
  width: 100%;
  display: flex;
  align-items: start;
  justify-content: start;
  flex-wrap: wrap;
  gap: 8px 0;
  border-top: 2px solid #656266;
  border-bottom: 2px solid #656266;
  padding: 15px 0;
}

.ons-vagas-results > .ons-vagas-item span {
  width: 100%;
  font-size: 15px !important;
  font-family: "Roboto" !important;
  color: #656266;
}

.ons-vagas-results > .ons-vagas-item span > a,
.ons-vagas-results
  > .ons-vagas-item
  span
  > a:link
  .ons-vagas-results
  > .ons-vagas-item
  span
  > a:visited
  .ons-vagas-results
  > .ons-vagas-item
  span
  > a:hover
  .ons-vagas-results
  > .ons-vagas-item
  span
  > a:active {
  font-size: 16px;
  font-weight: bold;
  color: #0072c6;
  font-family: "Roboto";
  text-decoration: underline;
}

.ons-vagas-results > .ons-vagas-item > span > span.ons-vagas-item-data {
  width: auto;
  color: red;
  font-weight: bold !important;
}

.ons-vagas-details {
  display: flex;
  align-items: start;
  justify-items: start;
  flex-wrap: wrap;
  gap: 10px 0;
}

.ons-vagas-details > .ons_reutilizavel > h3 {
  text-align: center;
}

.ons-vagas-details > .ons_reutilizavel > p {
  display: block;
  width: 100%;
  color: #000;
  font-family: "Roboto" !important;
  font-size: 14px;
  text-align: center;
}

.ons-vagas-details > .ons_reutilizavel > p.ons-vagas-details-subtitle {
  font-style: italic;
  font-weight: bold;
}

.ons-vagas-details > .ons_reutilizavel > p.ons-vagas-details-gerencia {
}

.ons-vagas-details > .ons_reutilizavel > p.ons-vagas-details-locale {
}

.ons-vagas-details > .ons_reutilizavel > p.ons-vagas-details-prazo {
  font-weight: bold;
  font-style: italic;
}

.ons-vagas-details
  > .ons_reutilizavel
  > p.ons-vagas-details-prazo
  > span.ons-vagas-details-data {
  color: red;
  font-weight: bold;
  font-style: italic;
  font-family: "Roboto" !important;
  font-size: 14px;
}

.ons-vagas-details > .ons_reutilizavel > div.ons-vagas-details-content {
  margin-top: 20px;
}
/*END OF TFS #138301 - 16/04/2024*/